.heading {  }
.heading .boundary { padding:0 0 30px; }

.main-content { padding:0;}
.main-content .boundary, .heading .boundary {max-width:1200px;}

.heading .h-title { line-height:1.2em; margin-bottom:10px; color:var(--brown); font-size:2em; letter-spacing:2px; margin-top:40px; }
.heading .h-title a {color:inherit;}

.heading .container-title { margin-top:40px; }

/* TOC CSS */
.main-content .toc { display: inline-block; border-left: 3px solid #333; margin: 3em 0; max-width: 100% !important; box-sizing: border-box; }
.main-content .toc ul { margin: 0; width: auto; white-space: nowrap; list-style-type:none; padding:0 0 0 20px; }
.main-content .toc .toc-title{	font-weight: bold;	color: #333; margin: 0 0 10px 20px;	display: block; text-transform: uppercase; }
.main-content .toc .toc-title:hover { text-decoration: underline; cursor: pointer; }
.main-content .toc ul li a { color:var(--black); }
.main-content .toc ul li a:hover {color:var(--brown);}
.main-content .toc ul li ul {padding-left:15px; }
.main-content .toc ul li ul li:before {content:"\00b7"; margin-right:5px; }
/* / TOC CSS */

.main-content .boundary, .main-content .mc-others { text-align:left; }
.main-content .boundary { background-color:#FFF; box-shadow:0 0 3px #666; padding:20px; }}

.main-content.title {background-color:var(--green);color:#FFF;position:relative;}
.main-content.title.dark {background-color:var(--green-dark);}
.main-content.title:before {content:""; position:absolute; width:100%; height:100%; z-index:0; background: url(../images/partners-bg.png) center center no-repeat; opacity:1; top:0; left:0;}
.main-content.title .boundary {padding:2em 0;}
.main-content.title.dark .boundary {padding:1em 0;}
.main-content.title .mc-title {color:#FFF; margin-bottom:0; line-height:1.3em;}
.main-content.title .mc-description {font-size:0.8em; font-style:italic; color:#333;}

.main-content .article-image:before {padding-top:52.333%;}
.main-content .mc-content { overflow-x:auto;}
.main-content .mc-content h1 { line-height:1.3em; font-size:32px; }
.main-content .mc-content h2, .main-content .mc-content h3, .main-content .mc-content h4, .main-content .mc-content h5 { line-height:1.3em; font-size:28px; font-weight:bold; }
.main-content .mc-content h3 {font-size:22px; }
.main-content .mc-content h4 {font-size:18px;}
.main-content .mc-content h5 {font-size:16px;}
.main-content .mc-content blockquote { padding:10px 20px; margin:1em auto; border-left:5px solid var(--brown); background-color:var(--brown-ex-light); text-align:left; display:inline-block; }
.main-content .mc-content img {max-width:90%;height:auto;}
.main-content .mc-content video {max-width:100%; height:auto;}

.main-content .mc-content figure.image { display: inline-block; margin:0; }
.main-content .mc-content figure.image img { margin: 0; max-width:unset; }
.main-content .mc-content figure.image figcaption { margin: 10px 0 0; text-align: center; }
.main-content .mc-content figure.align-left { float: left; margin-right:20px;}
.main-content .mc-content figure.align-right { float: right; margin-left:20px;}

.main-content .mc-others { margin: 50px auto 0; text-align:center; }
.main-content .mc-others .boundary { margin-top:0; border:unset!important; box-shadow:unset; }
.main-content .mc-others h4 {margin:0 0 2em; font-size:1.2em; text-transform:uppercase; }

.main-content .mc-others .mco-item {display:inline-block; width:100%; margin-bottom:20px; }
.main-content .mc-others .mco-item {text-align:center;}
.main-content .mc-others .mco-item a:hover {color:var(--brown);}
.main-content .mc-others .mco-item .square-image:before {padding-top:52.333%;}
.main-content .mc-others .mco-item .mco-title {font-size:1em; font-family:fragen; font-weight:normal; margin-bottom:5px;}
.main-content .mc-others .mco-item .mco-title a {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.main-content .mc-others .mco-item .mco-info { font-size:15px; }
.main-content .mc-others .mco-item .mco-info span:before {content:"\00b7"; margin: 0 5px;}
.main-content .mc-others .mco-item .mco-read-more a { text-align: center; text-transform: uppercase; position: relative; transition: .5s; overflow: hidden; display: inline-block; margin-top:5px; color:var(--black); }
.main-content .mc-others .mco-item .mco-read-more a:before { content: ""; position: absolute; left: 0; width: 100%; border-bottom: 1px solid; bottom: 3px; }
.main-content .mc-others .mco-item .mco-read-more a:hover {color:var(--brown);}
.main-content .mc-others .mco-item .mco-read-more a:hover:before { animation: underline-link 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; }

@media (min-width:576px){
	.main-content .mc-others .mco-item {width:49%; margin-right:2%; display:inline-block; vertical-align:top; }
	.main-content .mc-others .mco-item:nth-child(2n+0) {margin-right:0;}
}

@media (min-width:996px){
	.main-content .mc-others .boundary {width:100%;}
	
	.main-content .mc-others .mco-item {width:23.5%; }
	.main-content .mc-others .mco-item:nth-child(2n+0) {margin-right:2%;}
	.main-content .mc-others .mco-item:nth-child(4n+0) {margin-right:0;}
}

@media (min-width:1200px){
	.container.heading { background-size:100% 100%; }
	.heading.page-header .ph-bg {width:100%;}
}