/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */

/* shell css - use if you need
.panel_custom_socialhub {}
.panel_custom_socialhub .rawContent { display: none; }
.panel_custom_socialhub .panes { }
.panel_custom_socialhub .panes > .pane { display: none; }
.panel_custom_socialhub .panes > .pane.active { display: block; }
.panel_custom_socialhub .tabs { overflow: hidden; }
.panel_custom_socialhub .tabs .tabContent { padding: 10px; float: left; text-align: center; background: #eee; }
.panel_custom_socialhub .tabs > .tab.active .tabContent { background: #bbb; }
*/


/* === fonts.com === */
/*
font-family:'TradeGothicW01-BoldCn20_675334';
font-family:'Abril W01 Text Bold';
font-family:'Avenir Next Cyr W00 Regular';
font-family:'Avenir Next Cyr W00 Bold';
font-family:'Avenir Next Cyr W00 Medium';
font-family:'Minion W01 Regular';
*/

body {
	font-family:'Minion W01 Regular',Arial;
	background-color: #f0f0ee;
	line-height: 27px;
  	font-size: 18px;
  	color:#333;
}
img {
	border:none; outline:0;
}

/*=========================
FONT STYLES
=========================*/

 p {
   line-height: 27px;
   font-size: 18px;
}
 h1 {
   font-family: 'TradeGothicW01-BoldCn20_675334';
   font-size: 60px;
   margin-bottom: 20px;
   line-height: 62px;
   color: #404040;
   text-transform: uppercase;
}
 h2 {
   font-family: 'Avenir Next Cyr W00 Medium';
   font-size: 40px;
   line-height: 34px;
   color: #404040;
}
 h3 {
   font-family: 'TradeGothicW01-BoldCn20_675334';
   font-size: 40px;
   line-height: 36px;
   color: #404040;
}
 h4 {
   font-family:  'Avenir Next Cyr W00 Bold';
   font-size: 30px;
   line-height: 28px;
   color: #404040;
}
 h5 {
   font-family:'Minion W01 Regular';
   font-size: 30px;
   line-height: 28px;
   color: #404040;
}
 h6 {
   font-family:'Abril W01 Text Bold';
   font-size: 30px;
   line-height: 24px;
   color: #404040;
}
 h7 {
   font-size: 20px;
   line-height: 24px;
   font-family:'Minion W01 Regular';
   color: #404040;
}
.content a {
   text-decoration: underline;
   color: #db812e;
}
.content a:hover {
   text-decoration: underline;
   color: #db812e;
}
.content a:visited {
   text-decoration: underline;
   color: #db812e;
}


.orderlistpanel.round ol,.orderlistpanel.large ol{
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}
.orderlistpanel.round ol > li, .orderlistpanel.large ol > li {
    position: relative; 
    margin: 0 0 6px 50px;
    list-style: none;
    padding-bottom: 16px;
}
.orderlistpanel.round ol > li:before,.orderlistpanel.large ol > li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: -7px;
    left: -1.6em;
    width: 50px;
    height:50px;
    padding:0;
    margin:0;
    font-family: 'Avenir Next Cyr W00 Medium';
    font-size: 36px;
    color: #fff;
    background: rgb(51, 129, 143);
    text-align: center;
    border-radius: 100%;
    line-height: 50px;
    display:block;
}
.orderlistpanel.large ol > li:before {
	content: counter(li)".";
	background:transparent;
	color:#000;
	font-size: 40px;
	left: -1.5em;
	text-align: right;
	left:-1.7em;
}



/* foundation overrides */
body .row {max-width: 1200px;}
body .column,
body .columns {padding: 0 10px;}
body li {
    line-height: 27px;
    font-size: 18px;
}

/* CONTENT */
.wrapper{
	background: #fff;
	margin: 0 auto;
	max-width: none;
}
.main-content {}
.main-content .content-right {
	box-shadow: 8px 0px 30px -10px rgba(0,0,0,0.2);
}
.main-content.width_fullwidth.row {	max-width: none; position: relative; margin: 0 auto; overflow: hidden; }

/* content columns */
body .main-content.home-pn .content-left.columns 	{ padding-right: 10px; }
body .main-content.interior-pn .content-left.columns	{padding-right: 0px; }
body .main-content.interior-pn .content-right.columns { padding-top: 40px; padding-bottom: 50px; padding-left: 20px; }

.content-left.sidebar_container.right {
   padding-left:0px;
   width:310px;
}
.content-left.sidebar_container.right .dtnContainer{
   text-align: center;
   margin-bottom: 1rem;
}

.main-content .content-left,
.content.wrapper > .contentRender > .main-content > .content-right,
.content.wrapper > .contentRender > .main-content.width_controlledwidth.row,
.content.wrapper > .contentRender > .panel_dynamic_outer .content-right,
.content.wrapper > .contentRender > .panel_custom_ab_testing .content-right,
.content.wrapper > .contentRender > .panel_custom_two_col_half_half,
.content.wrapper > .contentRender > .panel_custom_container { padding-top: 40px; }
.panel_custom_container_dtn_footer { padding-top: 72px; padding-bottom: 74px; border-top: 1px solid #e1e1e1;}
.panel_custom_container_dtn_footer.add_padding { padding-bottom: 146px; }

/*Read More Panel*/
/** read more **/
.content .read-more-container .read-more-tab { display: none; }

.content .read-more-container.collapse-all {
	position: relative;
	width: auto;
	margin: 0 -15px;
	max-height: 390px;
	padding-bottom: 80px;
	overflow: hidden;
}
.content .read-more-container.collapse-all.open {max-height: none;}
.content .read-more-container.collapse-all .read-more-container-int {padding: 0 22px;}
.content .read-more-container.collapse-all .read-more-tab {
	display: block;
	position: absolute;
	z-index: 100;
	bottom:0;
	left: 0;
	width: 100%;
	background: #FFF;
	color: #bcbcbc;
	box-shadow: 0px -6px 8px 0px rgba(0, 0, 0, 0.13);
	font:700  14px/14px 'Roboto', sans-serif;
	text-transform: uppercase;
	padding: 17px 0 48px;
	text-align: center;
	cursor: pointer;
}
.content .read-more-container.collapse-all .read-more-tab { display: block; }
.content .read-more-container.collapse-all .read-more-tab span {padding-right: 28px;}
.content .read-more-container.collapse-all .read-more-tab .opener {
	width: 16px;
	height: 8px;
	display: inline-block;
	background-image: url(/includes/public/assets/images/side-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}


.content .read-more-container.collapse-all .read-more-tab.open .opener{
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.crowdriff-container { max-width: 1622px; margin: 0px auto; }

/** BREAKPOINTS
	 1180 - tablet
	  640 - mobile
**/

@media (max-width: 1180px){

}

@media (max-width: 960px) {
	.content-left.medium-3,
	.content-right.medium-8 { float: none; width: 100%;	}
   .content-left.sidebar_container.right { margin-bottom: 86px; width:100%;}

	/** 2 col sidebar interior **/
	.panel_custom_two_col_sidebar_right .content-right-int{width: 100%; max-width: 580px; margin:0 auto; float: none !important;}

	/* the offset padding below credit */
	.main-content .content-left,
	.content.wrapper > .contentRender > .main-content > .content-right,
	.content.wrapper > .contentRender > .main-content.width_controlledwidth.row,
   .content.wrapper > .contentRender > .panel_dynamic_outer .content-right,
   .content.wrapper > .contentRender > .panel_custom_two_col_half_half,
   .content.wrapper > .contentRender > .panel_custom_ab_testing .content-right,
   .content.wrapper > .contentRender > .panel_custom_container  { padding-top: 30px; }
}
@media (max-width: 767px) {

}

@media (max-width: 640px) {
	.root_panel {
		overflow: hidden;
	}
   .content-left.medium-3.columns.sidebar_container.right {
      padding-top: 50px;
   }
   .content-left.medium-3.columns.sidebar_container.right { margin-bottom: 50px; }

	/* offset the credit padding */
	.slideshow_container .custom_header_slideshow_interior { margin-bottom: -60px; }
	.custom_header_slideshow_interior .slide .title h1 { margin-top: 0; }
	.custom_header_slideshow_interior .slide .text { padding-top: 25px; }

	.custom_header_slideshow_homepage  { margin-bottom: 0px; }

   h1 { 
		font-size: 30px;   
		line-height: 1.4;
	}

	h2 { font-size: 25px; }
	h3 { font-size: 20px; }

   /** read more **/
	/*.contentWrapper .read-more-container {max-height: 670px;}*/
   /** read more **/
   .content .read-more-container {
	   position: relative;
	   width: auto;
	   margin: 0 -15px;
	   max-height: 380px;
	   padding-bottom: 80px;
	   overflow: hidden;
   }
   .content .read-more-container.open {max-height: none;}
   .content .read-more-container-int {padding: 0 22px;}
   .content .read-more-container .read-more-tab {
	   display: block;
	   position: absolute;
	   z-index: 100;
	   bottom:0;
	   left: 0;
	   width: 100%;
	   background: #FFF;
	   color: #FFF;
	   box-shadow: 0px -6px 8px 0px rgba(0, 0, 0, 0.13);
	   font:700  14px/14px 'Roboto', sans-serif;
	   text-transform: uppercase;
	   padding: 17px 0 48px;
	   margin-bottom: -5px;
	   text-align: center;
	   cursor: pointer;
   }
   .content .read-more-container .read-more-tab span {
	   background: #db812e;
	   padding: 10px 20px;
	   letter-spacing: 1px;
   }
   .content .read-more-container .read-more-tab .opener {
	   width: 16px;
	   height: 8px;
	   display: inline-block;
	   background-image: url(/includes/public/assets/images/side-arrow.png);
	   background-repeat: no-repeat;
	   background-position: right center;
   }
  
   .content .read-more-container .read-more-tab.open .opener{
	   -ms-transform: rotate(-180deg);
	   -webkit-transform: rotate(-180deg);
	   transform: rotate(-180deg);
   }
}