/*
Theme Name: VI Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi child theme by VI 
Author: VI
Author URI: https://www.vimarketingandbranding.com/
Template: Divi
*/

@import url("../Divi/style.css");

/**
 * Reset
 */

html {-webkit-text-size-adjust: none;}
html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/** Global styling */
h1, h2, h3, h4, h5, h6 {line-height: normal;}
h1,
.et_pb_title_container h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p:not(.has-background):last-of-type {padding-bottom: 1em;}
p:not(.has-background):last-child {padding-bottom: 0;}

.et_pb_text ul,
.et_pb_text ol {padding-top: 1em; padding-left: 1.2em; list-style-position: outside;}
.et_pb_text ul:last-child,
.et_pb_text ol:last-child {padding-bottom: 0;}
.et_pb_text ul ul,
.et_pb_text ol ol {padding-top: 0; padding-bottom: 0;}
.et_pb_text ul ul {list-style: circle;}

.entry-content p + ul,
.entry-content p + ol,
.entry-content h1 + ul,
.entry-content h1 + ol,
.entry-content h2 + ul,
.entry-content h2 + ol,
.entry-content h3 + ul,
.entry-content h3 + ol,
.entry-content h4 + ul,
.entry-content h4 + ol,
.entry-content h5 + ul,
.entry-content h5 + ol,
.entry-content h6 + ul,
.entry-content h6 + ol {padding-top: 0;}

.row-vert-center {
    /*display: flex;
    flex-direction: row;*/
    align-items: center;
}

/** Custom CPT lists via shortcode */
.list-cpt {overflow: hidden;}
.list-cpt .et_pb_column_1_3,
.list-cpt .et_pb_column_1_3:last-child {width: 29.33%; margin: 0 4% 3% 0 !important;}
.list-cpt .et_pb_column_1_3:nth-child(3n+4) {clear: both;}

.split-text {
	-webkit-columns: 300px 2;
	   -moz-columns: 300px 2;
	        columns: 300px 2;
	-webkit-column-gap: 40px;
	   -moz-column-gap: 40px;
	        column-gap: 40px;
}


/*
 * Divi Module Overrides
 */

/*make Divi Builder text style settings sticky on scroll*/
.mce-panel .mce-stack-layout-item.mce-first {
    position: sticky!important;
    top: -60px;
}

/** Accordion / Toggle module */
.et_pb_toggle_title {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
/** Make full bar clickable on toggles and accordions */
.et_pb_toggle_close, 
.et_pb_toggle_open {padding: 0 !important;}
.et_pb_toggle_title {padding: 20px 50px 20px 20px !important; margin: 0 !important;}
.et_pb_accordion .et_pb_toggle_title:before, 
.et_pb_toggle .et_pb_toggle_title:before {right: 20px !important;}
.et_pb_toggle_content {padding: 10px 20px 20px !important;}

/** Number Counter */
.et_pb_number_counter.et_pb_with_title .percent {margin-bottom: 10px;}
.et_pb_number_counter.stat-number-dollar .percent-value:before {
    content: "$";
}


/*
 * Links
 */

/*#et-main-area a:not(.et_pb_button, .et_pb_social_media_follow a, .et_pb_video_play, .et-pb-arrow-prev, .et-pb-arrow-next, .clinic-card h3 a, .et_pb_main_blurb_image a) {*/
/*    text-decoration: underline;*/ 
/*}*/
.et_pb_bg_layout_dark a {color: #fff;}
.et_pb_bg_layout_dark a:hover {color: #fff;}



/**
 * Buttons
 */

/** Make ET shortcode buttons from the text editor look like Divi buttons */
a.small-button,
a.large-button,
.nf-field-container.submit-container .submit-wrap input[type=submit] {
    /*background: transparent;*/
    background: #3e8acf;
    /*color: #f77e0b;*/
    color: #fff;
    position: relative;
    padding: 0.3em 1em !important;
    border: 2px solid #3e8acf;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: none;
    text-shadow: none;
}
a.small-button:hover,
a.large-button:hover,
.nf-field-container.submit-container .submit-wrap input[type=submit]:hover {
	padding: 0.3em 1em !important;
    background: #3e8acf;
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
}
a.small-button,
a.large-button,
a.small-button:hover,
a.large-button:hover {
    color: #fff !important;
}

/** Light text buttons */
/*
.et_pb_bg_layout_dark .et_pb_button {color: #fff !important; border-color: #fff;}
.et_pb_bg_layout_dark .et_pb_button:hover {color: inherit !important; border-color: #fff !important; background-color: rgba(62,138,207,0.6) !important; text-decoration: none;}
*/




/*
 * Post Styling
 */

body.single .et_pb_post {margin-bottom: 0;}
body.single .et_pb_post .et_post_meta_wrapper img {float: right; margin: 0 0 15px 20px; max-width: 50%;}
body.single .et_pb_post .entry-content {padding-top: 0;}
body.single .et_pb_post .post-meta,
body.single .et_pb_post .post-tags {
    padding: 2px 12px !important;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    font-size: 12px;
    color: #666;
}
body.single .et_pb_post .post-tags {
	margin: 10px 0;
	padding: 5px 10px !important;
	font-weight: 600;
}
body.single .et_pb_post .post-meta a {color: #666;}
body.single .et_pb_post .post-tags a {font-weight: 500;}

/** 
 * Post Archive Lists
 */

/** Thumbnails in primary lists */
.et_pb_posts .et_pb_post,
body.blog .et_pb_post, 
body.archive .et_pb_post, 
body.search .et_pb_post {
	clear: both;
	overflow: hidden;
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.et_pb_posts .et_pb_post:first-child,
body.blog .et_pb_post:first-child, 
body.archive .et_pb_post:first-child, 
body.search .et_pb_post:first-child {
	margin-top: 0;
	padding-top: 0;
}
/* remove the margin if we float the thumbnail left in the Divi Blog module */
.et_pb_posts .et_pb_post a.entry-featured-image-url {margin-bottom: 0;} 
.et_pb_posts .et_pb_post a img,
body.blog .et_pb_post a img, 
body.archive .et_pb_post a img,
body.search .et_pb_post a img {
	float: right;
	max-width: 50%;
	margin-left: 20px;
	border: solid 1px #ccc;
	padding: 2px;
}
.et_pb_posts .et_pb_post h2,
body.blog .et_pb_post h2, 
body.archive .et_pb_post h2, 
body.search .et_pb_post h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 22px;
}
.et_pb_posts .et_pb_post .post-meta,
body.blog .et_pb_post .post-meta,
body.archive .et_pb_post .post-meta,
body.search .et_pb_post .post-meta,
.et_pb_posts .et_pb_post .post-meta a,
body.blog .et_pb_post .post-meta a,
body.archive .et_pb_post .post-meta a,
body.search .et_pb_post .post-meta a {color: #666;}
.et_pb_posts .et_pb_post .post-meta a:hover,
body.blog .et_pb_post .post-meta a:hover,
body.archive .et_pb_post .post-meta a:hover,
body.search .et_pb_post .post-meta a:hover {color: #444;}

/** archive: programs - hide until author information is fixed */
body.post-type-archive-program .post-meta,
body.post-type-archive-initiative .post-meta,
body.post-type-archive-staff .post-meta {display: none;}

/** video embeds within posts */
.et_pb_post .et_post_video {clear: both;}


/*
 * Header
 */

/** Logo */
.logo_container img#logo {height: auto; max-height: 83%; max-width: 162px;}
/*@media only screen and ( min-width: 981px ) and ( max-width: 1040px ) {
    .logo_container img#logo {max-width: 109px;}
}*/
/*
body:not(.et_pb_svg_logo) #logo {
	background: url("images/my_logo.png") 50% 50% no-repeat;
	background-size: 94%;
}
// http://imulus.github.io/retinajs/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  body:not(.et_pb_svg_logo) #logo  {
    background-image: url('/images/my_logo@2x.png');
    background-size: 200px 100px;
  }
}
*/

/** Primary Menu */


/** Stylized menu items as buttons (primary navigation) */
#top-menu .menu-item-callout > a,
.et-fixed-header #top-menu li.current-menu-item.menu-item-callout > a {
	padding: 10px !important;
    margin-top: -10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 700 !important;
    background: #ef4136;
}

/** Mobile Menu */
.mobile_nav.opened #mobile_menu {display: flex; flex-direction: column;}
#mobile_menu li.menu-item:first-child {margin-top: 15px;}
#mobile_menu li.menu-item-callout {order: -1;}
#mobile_menu .menu-item-callout + .menu-item-callout {margin-top: 10px;}

#mobile_menu li a {padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.050);}
#mobile_menu li li {padding-left: 10px;}
#mobile_menu .menu-item-callout > a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 700 !important;
    background: #ef4136;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    /*display: inline-block;*/
}


/** Header Social Icons */
.et-social-twitter {float: right;}
.et-social-google-plus {float: left;}
.et-social-google-plus a.icon:before {content: "\e09d";}
.et-social-twitter a.icon:before {content: "\e09a";}


/**
 * Footer
 */

/* Pre-footer CTA – the "shine" element */
#pre-footer-cta:after {
  content: "";
  position: absolute;
  top: 0%;
  left: -50%;
  width: 50%;
  height: 100%;
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.0) 0%,
    rgba(255, 255, 255, 0.13) 45%,
    rgba(255, 255, 255, 0.5) 55%,
    rgba(255, 255, 255, 0.0) 100%
  );

}
/* Hover state - trigger effect */
#pre-footer-cta.et_had_animation:after {
  opacity: 1;
  top -30%;
  left: 100%;
  transition-property: left, top, opacity;
  /*transition-property: left, top;*/
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}




/**
 * Ninja Forms 
 */

/** Override Opinionated Styles */
/*
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field {height: 40px !important;}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {padding: 10px !important;}
.nf-form-content .list-select-wrap>div div {height: 40px !important;}
.nf-form-content .list-select-wrap>div div:after {height: 40px !important; line-height: 40px !important;}
*/

.nf-field-container {margin-bottom: 20px !important;}
.nf-field-container.label-above .nf-field-label {margin-bottom: 3px !important;}
.nf-field-container.phone-container {margin-bottom: 5px !important;}
.nf-field-container.checkbox-container {margin-bottom: 25px !important;}
.nf-field-container.checkbox-container label {font-weight: 600;}
.nf-form-fields-required {color: #888; font-style: italic;}
.nf-form-content {/*max-width: 1080px !important;*/margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
.nf-field-description {padding-bottom: 15px;}
.nf-field-container label {font-size: 16px !important;}
/* - was causing double radio buttons
.list-checkbox-wrap .nf-field-element li input, 
.list-radio-wrap .nf-field-element li input {margin-top: 0.6em !important;}
*/
.nf-field-container.hr-container {margin-top: 40px !important;}
.nf-field-container.html-container h2,
.nf-field-container.html-container h3,
.nf-field-container.html-container h4,
.nf-field-container.html-container h5,
.nf-field-container.html-container h6 {margin-bottom: 20px;}
.nf-field-container .education-highlight {color: red;}

.listradio-wrap .nf-field-element label.nf-checked-label:before {top: 0.3em !important;}




/*
 * Homepage
 */





/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {}


/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {}


/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
	.et_pb_section:not(.et_pb_fullwidth_section) {padding: 30px 0;}

	.list-cpt .et_pb_column_1_3,
	.list-cpt .et_pb_column_1_3:last-child {width: 46% !important; margin: 0 4% 3% 0 !important;}
	.list-cpt .et_pb_column_1_3:nth-child(3n+4) {clear: none;}
	.list-cpt .et_pb_column_1_3:nth-child(2n+3) {clear: both;}

    #et_top_search {margin-right: 20px;}
}


/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
	.list-cpt .et_pb_column_1_3,
	.list-cpt .et_pb_column_1_3:last-child {width: 100% !important; margin: 0 0 5% !important;}
	.list-cpt .et_pb_column_1_3:nth-child(2n+3) {clear: none;}
}

@media only screen and ( max-width: 666px ) {
	.et_pb_posts .et_pb_post a img,
	body.blog .et_pb_post a img, 
	body.archive .et_pb_post a img {
		max-width: 100%;
		float: none;
		margin: 0 0 20px;
	}
	body.single .et_pb_post .et_post_meta_wrapper img {max-width: 100%; float: none; margin: 0 0 15px;}
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {}



/* END: style.css **/