/*
updated on 07-12-16 - ig280s
*/


/* editor fixes */

#BodyContent {
	padding-top:25px;
	}
	
.widget-popup {
background-color: #000 !important;
}

#close_map {
color:#fff !important;
cursor:pointer;
}	

#echo-header-image-wrapper #siteMainDynHeaderImage1 {min-height:60px;}

/* fix for empty text widget */
.cke_editable {
  cursor: text;
  min-height: 15px;
}


/* hr margin fix */
hr {
margin: 10px 0px !important;
}

/*
.fancybox-outer {display:inline-block;}



.fancybox-inner input[type="text"], .fancybox-inner textarea {
  min-width: 200px !important;
}
*/

iframe[id^="oauth2relay"] { right: auto !important; left: -100px !important; }


/* ul and  li fix */

ul, ol {
  list-style-position: outside;
  margin: 0 0 15px 15px;
  padding-left: 24px;
  list-style-type: disc;
}

/* blog margin fix */
.f-blog .widget-wrapper .widget-wrapper {
  margin: 10px 15px;
}

/* --------------- Default Site Callout Classes Layout 2 --------------- */


.callout1b, .callout2b {
	width:auto;
	display:block;
}


.callout1b div.widget-wrapper {
	width:50% ;
	float:left;
	margin:0px !important;
}

.callout2b  div.widget-wrapper {
	float:right; 
	width:50%; 
	margin:0px !important;
}

.callout1b .widget-body, .callout2b .widget-body {margin:10px 15px;}

.callout1b p.figcaption,
.callout2b p.figcaption {
	display: none;	
}
.callout1b div.image_wrapper,
.callout2b div.image_wrapper {
	line-height: 0;
		
}


@media only screen and (max-width: 959px) {
	.callout1b div.widget-wrapper,
	.callout2b  div.widget-wrapper {
		width:50% ;	
		}	
	}

@media screen and (max-width: 767px) {
	.callout1b div.widget-wrapper,
	.callout2b div.widget-wrapper {
		width:auto ;
		float:none;
		margin-bottom: 0px;
		
	} /* display:inline-block;  added 10-22-2013 */
	.callout1b .free-image-mobile,
	.callout2b .free-image-mobile,
	.callout1b div.image_wrapper,
	.callout2b div.image_wrapper {
		width:auto;
		text-align:center;
		}
	
	.callout1b div.image_wrapper img,
	.callout2b div.image_wrapper img {width:100%;}
	
	.callout1b .freetext-image,
	.callout2b .freetext-image	
		 {  margin-top: 10px; }
		 
		 
	/* fix for predefined layout left and right sidebar  */
	
		 .diy-f-layout-g2w .diy-f-sub-canvas0, 
		 .diy-f-layout-g2e .diy-f-sub-canvas1 {
			width: 100% !important;
		 }
		
		.diy-f-layout-g2e .diy-f-sub-canvas0, 
		.diy-f-layout-g2w .diy-f-sub-canvas1 {
			width: 100% !important;
		}
		 
		.diy-f-layout-g2e .diy-f-sub-canvas, .diy-f-layout-g2e .diy-f-sub-canvas {
			} 
			
		/* for left hand sidebars */	
			
		.diy-f-layout-g2e .diy-f-layout-inner {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-orient: vertical;
			-moz-box-orient: vertical;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-box-align: start;
			-moz-box-align: start;
			-ms-flex-align: start;
			-webkit-align-items: flex-start;
			align-items: flex-start;
		}

		.diy-f-layout-g2e .diy-f-sub-canvas0 {
		-webkit-box-ordinal-group: 2;
			-moz-box-ordinal-group: 2;
			-ms-flex-order: 2;
			-webkit-order: 2;
			order: 2;
		
		}

 		.diy-f-layout-g2e .diy-f-sub-canvas1 {
			 -webkit-box-ordinal-group: 1;
			-moz-box-ordinal-group: 1;
			-ms-flex-order: 1;
			-webkit-order: 1;
			order: 1;
		} 	
			
		 
}

@media only screen and (max-width: 479px)  {
	.callout1b .free-image-mobile,
	.callout2b .free-image-mobile,
	.callout1b div.image_wrapper,
	.callout2b div.image_wrapper {
		/*max-width:225px;*/
		}
}


/*---- this is important for the echo editor view -----*/
.callout1b .diy-widget, .callout2b .diy-widget  {
  display: inline-block;
  width:50%;
  float:left;
}
.callout2b .diy-widget {float:right;}

.callout1b .diy-widget div.widget-wrapper, .callout2b .diy-widget div.widget-wrapper {
width:100%;
}

/* --------------- Default Site Callout Classes Phase 3 --------------- */


.callout1b.phase3 .freetextarea,
.callout2b.phase3 .freetextarea {margin:0px;}

.callout1b.phase3 .freetext-image {margin:0px 0px 0px 0px }
.callout2b.phase3 .freetext-image {margin:0px 0px 0px 0px}

.callout1b.phase3 .widget-body,
.callout2b.phase3 .widget-body { display:inline-block; width:100%; margin-left:0px; margin-right:0px;}

.callout1b.phase3 .image_wrapper.free-image-left { margin:0px 15px 0px 0px; }
.callout2b.phase3 .image_wrapper.free-image-right { margin:0px 0px 0px 15px;}

.callout1b.phase3 .image_wrapper,
.callout2b.phase3 .image_wrapper { /*width:auto !important; */ }

.widget-wrapper.callout1b.phase3, 
.widget-wrapper.callout2b.phase3 { padding:0px 15px; /*display:inline-block;*/}


@media screen and (max-width: 767px) { 
	.callout1b.phase3 .image_wrapper.free-image-left,
	.callout2b.phase3 .image_wrapper.free-image-right {margin:0px !important;}
	
	.callout1b.phase3 .freetext-image, .callout2b.phase3 .freetext-image {margin:0px 0px 10px 0px;}
}


/* --------------- Default Site Callout Classes Phase 4 - Retired --------------- */

.callout1b.phase4 div.widget-wrapper,
	.callout2b.phase4  div.widget-wrapper {
		width:100% ;	
		}	
	
/* --- editor --- */
.callout1b.phase4 .diy-widget, .callout2b.phase4 .diy-widget  {
  width:100%;
}


/* --------------- Default Site Callout Classes Layout 1, 6, and 8 --------------- */
	.callout1b.layout1 div.widget-wrapper,
	.callout2b.layout1  div.widget-wrapper {
		width:100% ;	
		}	

	.callout1b.layout6 div.widget-wrapper,
	.callout2b.layout6  div.widget-wrapper {
		width:100% ;	
		}	
		
	.callout1b.layout8 div.widget-wrapper,
	.callout2b.layout8  div.widget-wrapper {
		width:100% ;	
		}
	
/* --- editor --- */
.callout1b.layout1 .diy-widget, .callout2b.layout1 .diy-widget  {
  width:100%;
}

.callout1b.layout6 .diy-widget, .callout2b.layout6 .diy-widget  {
  width:100%;
}


.callout1b.layout8 .diy-widget, .callout2b.layout8 .diy-widget  {
  width:100%;
}

.callout1b .diy-widget, .callout2b .diy-widget  {
  display: inline-block;
  width:50%;
  float:left;
}


/* --------------- Default Site address-payments Classes Layout 4 - 9 --------------- */

.address-payments.sidebar { padding:5px 15px; box-sizing:border-box; }

/* payment options margin fix */

ul.PaymentMethod_widget {
  margin: 0 0 0 -7px;
}

/* landscape mobile fix */

@media screen and (max-width: 767px) { 
	div.horizontal div.vertical {
	  width: 100% !important;
	}
}

/* margin for content area CTA */

.callustoday {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	}
	
/* rounded corner fix for widget images */

.freetext-image .image_wrapper {
 overflow: hidden;
}	


/*  Facebook Like Fix */

.facebook-like-box div iframe {
max-width: 100% !important;
min-height: 75px !important;
}
.facebook-like-box {background-color: transparent !important}


/*  Twitter Fix */
.f-tw-btn {
	color: #333 !important;
}


/* v6 header image z-index fix */

.diy-headerarea-wrapper { 
	z-index: 9999!important; 
} 

/* v6 slider bottom margin fix */

.bx-wrapper {
	margin: 0 auto !important;
}

/* v6 fix for missing logo */
.echo-logo-image-wrapper {
	min-height: 35px;
    min-width: 50px;
}


/* Site Map Fixes*/

#site_map ul a:before {
   content: "";
  font-weight: 700;
  height: 2em;
  left: -2.5em;
  line-height: 2em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2em;
}


#site_map ul i:before {
background: transparent; 

}


#site_map ul i.f-haschild:before {
  z-index: 400;
  background: transparent;
  color: #afafaf;
}

#site_map ul i:hover:after {
  display: none; 
}

#site_map ul a:before {
  background: #4d4d4d;
}

/* End Site Map Fixes*/

/* jobs module form fixes */

#job-apply #cv {
  clear: left;
  display: block;
  float: left;
}

.contact-us ul {
  clear: left;
  display: block;
  float: left;
  width:100%;
}

.jobs-apply {
  display: inline-block;
}

@media screen and (max-width: 767px) { 
	.freetext-image img {
	/* width: 100%; removed to fix resizing issue with images */
	}
}


/* PayPal CSS */

.paypal-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	display: table;
	position:relative;
	line-height: 100%;
	}
		
.paypal-widget form {margin:0px;}

	
.paypal-widget .paypal-message {
	display: table-cell;
	position:relative;
	padding:0 10px;
	vertical-align: middle;
	text-align: center;
	}	
	
.paypal-widget .paypal-image {
	display: table-cell;
	position:relative;
	vertical-align: middle;
	}	
	
/* stacked */	
.paypal-widget.stacked, .paypal-widget.stacked .paypal-message, .paypal-widget.stacked .paypal-image {
	display:block;
	position: relative;
	float:left;
	clear:left;
	}		
	
.paypal-widget.stacked .paypal-message {width: 100%; padding: 4px 0px;}


/* YP Video JS CSS */

#yp-html-vid {
	width: 100%;
	height: auto;
	}
	
.vertical-align .diy-splitter-inner {
  display: table;
  width: 100%;
  min-height: 75px;
  table-layout: fixed;
}

.vertical-align .vertical {
  display: table-cell;
  float: none !important;
 vertical-align: middle;
}


@media only screen and (max-width: 1280px) {
.f-g1 {
  width: 16.6667%;
}

#diy-cell-6.f-g1 {
  clear: left;
}
}


@media only screen and (max-width: 959px) {
.f-g1 {
  width: 25%;
}

.f-g3 {
  width: 50%;
}

.f-g2 {
  width: 33.33%;
}

#diy-cell-4.f-g1, #diy-cell-8.f-g1,
#diy-cell-3.f-g2, #diy-cell-2.f-g3  {
  clear: left;
}

#diy-cell-6.f-g1 {
  clear: none;
}
}


@media only screen and (max-width: 767px) {

.m-hide {
display:none !important;
}
.f-g1 {
width:50%;
float:left;
}

.f-g3 {
  width: 100%;
}

.f-g2 {
  width: 100%;
}

#diy-cell-2.f-g1, #diy-cell-6.f-g1, #diy-cell-10.f-g1 {
clear:left;
}

.vertical-align .diy-splitter-inner {
  display: block;
}

.vertical-align .vertical {
  display: block;
  float: left;
  vertical-align: middle;

}

.flexbox-reverse .diy-splitter-inner {
	   display: -webkit-flex;
	   display: flex;
	  -webkit-flex-direction: column-reverse;
	   flex-direction: column-reverse;
	}

}	