/* Add bottom margin to SmartSlider on Home Page */
#post-contents-home .n2-section-smartslider {margin-bottom: 10px;}

/* Styles for Generating side boxes */
.notch { display: none; /* border-top: 16px solid white; border-right: 11px solid transparent; border-left: 11px solid transparent; border-bottom: 0; width:0px; */ }
.colorbox {width:100%; color:#ffffff; background-position:50% 40%; background-size:cover;}
.colortext {height:135px; font-size:26px; padding: 10px; font-family: 'Roboto Slab', courier, serif; font-weight: 700; -webkit-font-smoothing: antialiased;}
.colortitle {width:100%; font-size:22px; line-height:40px; font-family: 'Roboto Slab', courier, serif;}
.colortitle2 {display: none;}

/* Home Page Image Box */
.homeimagelink {text-decoration:none !important;}
.homeimagetext {font-size:20px; font-weight: 500; padding: 5px 10px; font-family: 'Roboto Slab' ,courier, serif; background-color:#434444; color:#ffffff; /*letter-spacing:-.9px;*/ position:relative;}
.homeimagetext:hover {background-color:#666666;}

#home-grid {clear: both; margin-top: 10px}
.home-wrap {float: left; /*padding: 0px 19px 0px 0px;*/ margin-left:1%; display: block; width: 32%;}
.home-wrap a, .home-wrap a:hover, .side-wrap a:hover {text-decoration: none !important;}
.boximage {background-position:50% 50%; background-size:cover; height:170px;}
.side-wrap {width:100%; max-width:350px; position:relative;}

.greybox {bottom: 0px; font-size:12px; line-height:16px; font-style:italic; padding:6px 10px 2px 10px; background-color:#444444; position:relative; font-family: 'Latoitalic', sans-serif; color:#ffffff;}
.greybox:hover {background-color:#666666;}
.boxcircle {font-family: 'Roboto Slab' !important; /*background-color: #ffffff;*/ height: 25px; width: 25px; -moz-border-radius:12.5px; -webkit-border-radius: 12.5px; border-radius: 12.5px; position:absolute; right:10px; bottom:10px; color:#333333; line-height:23px; padding-left:5px; font-size:14px; font-style:normal; font-weight:600;}
.colorbox a {text-decoration:none !important;}

/* Unify some of these sizes */
.homeimagetext, .greybox {height: 80px;}


/* Styles for Generating FAQ section */
.faq .faq-question{font-weight:bold; margin:5px 0 0; padding-top:5px; color: #ff3d0d; font-size:105%;}
.faq .faq-question a{display:block;	padding:7px 15px 0px 25px;	background: url(img/faq-plus.png) no-repeat 0 10px; background-size:17px 17px; /*color: #ff3d0d !important;*/}
.faq .faq-question a i{margin:0px 8px 0 0px; opacity: 0.4;}	
.faq .faq-question.active a{background: url(img/faq-minus.png) no-repeat 0 10px; background-size:17px 17px;}
.faq .faq-question.active a i{opacity: 0.95;}	
.faq .faq-answer{padding:0px 12px 14px 25px; display:none;}
.faq .faq-answer div{max-width: 100%;}
/* Added to address color issues on buttons contained within telescoping area */
.faq .faq-answer .link-button a {font-size: 15px; color: #fff;}

/* Stories styles */
.story-box {margin:0 20px 10px 0; float:left;}
.story-box a {text-decoration:none !important;}

/* Telescoping and Link Button Sections */
.telescope-button, .link-button {font-size:16px; line-height: 16px; height:45px; width:180px; padding:13px 25px 5px; color:#fff; background-color:#ff3d0d; text-align:center; font-family: 'Lato', sans-serif; cursor:pointer; position:relative; margin-bottom:15px; text-decoration:none !important; font-weight: 700;}
.telescope-button:hover, .link-button:hover, .telescope-active {/*background-color:#990000;*/ background-color:#666666; color:fff; text-decoration:none !important;}
.link-button-wrap:hover {text-decoration: none !important;}
.telescope-hidden {display:none;}

@media screen and (max-width: 1024px) {
    .colortext {font-size:24px;}
}

@media screen and (max-width: 959px) {
	/* Change image boxes on home page to all be the same size */
	.home-wrap {margin-right:2%; margin-bottom: 15px; display: block; width: 47%;}
	#home-padding .home-wrap:nth-child(5) {margin-right:2%;}

	.home-wrap, .home-wrap2 {margin-bottom:10px;}
	.boximage {height:178px !important;}
}

/* Intermediary rule for stacking in pixel range where widgets have odd rules */
@media screen and (min-width: 661px) and (max-width: 720px) {
	/* .side-wrap {margin-left:50%; max-width:330px;} */
}

@media screen and (max-width: 660px) {
	.home-wrap {margin-right:1%; display: block; width: 98%;}
	.home-wrap2 {margin-right:1%; display: block; width: 98%;}
}