/* 
 Theme Name:     Clinique Spectrum
 Author:         Molecularcode Web Design
 Author URI:     http://molecularcodewebdesign.com/
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* Global */
ul ul li {
    list-style-type: circle;
}
#left-area ol, .comment-content ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol, body.et-pb-preview #main-content .container ol {
	list-style-position: outside;
	margin-left: 30px;
}
.entry-content ol li {
	margin-bottom: 10px;
}
img.circle {
	border-radius: 50%;
}
p.nopad {
	padding-bottom: 0;
}

/* code in tabs */
.et_pb_tab_content code {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
.et_pb_tab {
	padding: 0;
}
.spacing {
	margin-top: 45px;
}
.red {
	color: #DF0101;
}

/* Header */
#et-info, #et-secondary-menu > ul > li a, #top-menu, .bottom-nav li {
    font-weight: 500;
}
#top-header #et-info {
	line-height: 1.4;
}

/* Top Bar Language Switcher */
.wpml-ls .wpml-ls-current-language, .wpml-ls .wpml-ls-display {
	display: none;	
}
.wpml-ls {
	display: inline-block;
	float: right;
	padding-top: 0px;
	margin-top: -5px;
}
.wpml-ls-item {
	border: 1px solid #ffffff;
}

/* Nav Language Switcher */
#top-menu .wpml-ls-item a {
	color: #0099cc;
}

/* Navigation */
.nav li li {
	line-height: 1.4em;
}
.et_mobile_menu li a:hover, #top-menu a:hover, #et-info-email:hover, #et-secondary-menu > ul > li > a:hover, #top-menu-nav > ul > li > a:hover, .et-social-icons a:hover, #top-header .et-social-icons a.icon:hover {
	color: #ff8c40;
	opacity: 1;
}
#top-menu li li {
	padding: 0;
}
#top-menu li li a {
	padding: 10px;
}
#top-menu li li, #top-menu li li a {
	width: 100%;
}

/* Sidebar */
.et_pb_widget .widgettitle a {
	color: #333;
}

/* Footer */
footer li.wpml-ls-item {
	float: right;
	border: none;
	padding-right: 0;
}
footer li.wpml-ls-item a {
	color:#fff !important;
}

/* Home Page */
.home h2 {
    font-size: 46px;
}
.team img {
    max-width: 200px;
    border: 1px solid #0099cc;
    border-radius: 50%;
    padding: 5px;
}
.home .et_pb_text_inner p {
	font-size: 60%;
	line-height: 34px;
}

/* Services Page */
.page-id-78 h3 {
    color: #0066cc;
    margin-top: 60px;
}

.page-id-78 h4 {
    margin-top: 15px;
}

/* Contact Page */
.google-maps {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
    margin-top: 15px;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Referral Page */
.et_pb_contact_field_4 .et_pb_contact_form_label {
    display: block;
}
.et_pb_contact_field_4 input {
    display: none;
}
.et_pb_contact_field.et_pb_contact_field_5, .et_pb_contact_field.et_pb_contact_field_6, .et_pb_contact_field.et_pb_contact_field_7, .et_pb_contact_field.et_pb_contact_field_8, .et_pb_contact_field.et_pb_contact_field_9,
.et_pb_contact_field.et_pb_contact_field_10, .et_pb_contact_field.et_pb_contact_field_11, .et_pb_contact_field.et_pb_contact_field_12, .et_pb_contact_field.et_pb_contact_field_13, .et_pb_contact_field.et_pb_contact_field_14, .et_pb_contact_field.et_pb_contact_field_15 {
	margin-bottom: 0;
}

/* Registration form CF7 */
.wpcf7 .et_pb_contact p input[type="checkbox"], .wpcf7 .et_pb_contact p input[type="radio"] {
	display: inline;
}
.et_pb_contact .et_pb_contact_field_third {
	float: left;
	width: 33%;
}
.et_pb_contact_field_half {
	width: 50%;
	float: left;
}
.et_pb_contact  .et_pb_contact_field_half.second, .et_pb_contact .et_pb_contact_field_third.second {
    padding: 0 0 1em 3%;
	margin-bottom: 1%;
}
.et_pb_contact  .et_pb_contact_field_half, .et_pb_contact .et_pb_contact_field_third, .et_pb_contact .et_pb_contact_field_last {
	margin-bottom: 1%;
	padding-bottom: 1em
}
.subHeading {
	background-color: #0099cc;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 16px;
	margin: 15px 0 30px;
	clear: both;
}
.et_pb_contact  hr {
	clear: both;
	margin: 30px 0 45px;
	color: #0099cc;
}


/* Career Opportunities CF7 */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
	background-color: #eee !important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7-submit, #taxonomy-picker input[type="submit"] {
	color: #2EA3F2 !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.wpcf7-submit:hover, #taxonomy-picker input[type="submit"]:hover {
	background-color: #eee;
	border-color:#eee;
	padding: 6px 20px !important;
}
span.wpcf7-list-item {
    margin: 0 0 1em 1em;
}
.wpcf7 input[type="checkbox"]{
	-webkit-appearance: checkbox;
}
.wpcf7 input[type="radio"]{
	-webkit-appearance: radio;
}
.et_pb_contact_field_half.second {
    margin-bottom: 3%;
    padding: 0 0 0 3%;
}

/* Referral Form */
/* checkbox label showing twice */
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
	display: none;
}

/* Training */
.training h3 {
	margin-top: 45px;
}
.training .title h3 {
	margin-top: 0;
}
.training .location h3 {
	margin-top: 10px;
}
.et_pb_contact.training, .et_pb_contact.reg {
	margin-top: 45px;
}
.wpcf7-submit, #taxonomy-picker input[type="submit"] {
	margin-bottom: 45px;
}
.seals-form img {
	display: inline-block;
	vertical-align: middle;
}

/* Private Training Download Pages */
.download .et_pb_button.et_pb_promo_button:hover {
	background-color: hsla(0,0%,100%,.2) !important;
	border-color: rgba(0,0,0,0) !important;
}


@media only screen and (max-width: 1140px) {
	.break {
		display: block;
		clear: both;
	}
	.et_pb_text_inner img.alignright, .et_pb_text_inner img.alignleft {
		display: inline;
		float: none;
		margin: 5px;
		vertical-align: middle;
	}
}

@media only screen and (max-width: 980px) {
	#et-info {
		float: none;
	}
	.et_pb_row.rowTwo {
		padding-top: 0;
	}
}


@media only screen and (max-width: 767px) {
	#et-info .et-social-icons {
		display: inline-block;
	}
	.et_pb_contact .et_pb_contact_field_half.second, .et_pb_contact .et_pb_contact_field_third.second {
		margin-bottom: 0;
		padding: 0 0 1em;
	}
	.et_pb_contact .et_pb_contact_field_half, .et_pb_contact .et_pb_contact_field_half.second, .et_pb_contact .et_pb_contact_field_third, .et_pb_contact .et_pb_contact_field_third.second {
		width: 100%;
	}
}

@media only screen and (max-width: 680px) {
	.wpml-ls {
		float: none;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 500px) {
	#et-info .et-social-icons {
		margin-top: 10px;
	}
}

@media only screen and ( min-width: 980px ) {
	/* Increase sidebar width */
    .et_right_sidebar #sidebar .et_pb_widget { 
        margin-right:30px !important;
    }
	.et_left_sidebar #sidebar .et_pb_widget { 
        margin-left:30px !important;
    }
	
    .et_right_sidebar #left-area, 
    .et_left_sidebar #left-area { 
        width: calc(100% - 300px) !important; /* 1020 - width */
    }
    .et_right_sidebar #main-content .container:before { 
        right:300px !important; /* width */
    }
    .et_left_sidebar #main-content .container:before { 
        left:300px !important; /* width */
    }
    .et_right_sidebar #sidebar,
	.et_left_sidebar #sidebar { 
        width:300px !important; /* width */
    }
	/* language switcher */
	.wpml-ls {
		display: none;
	}
}

@media only screen and ( min-width: 1100px ) {
	/* Increase sidebar width */
    .et_right_sidebar #sidebar .et_pb_widget { 
        margin-right:30px !important;
    }
	.et_left_sidebar #sidebar .et_pb_widget { 
        margin-left:30px !important;
    }
	
    .et_right_sidebar #left-area, 
    .et_left_sidebar #left-area { 
        width: calc(100% - 400px) !important; /* 1020 - width */
    }
    .et_right_sidebar #main-content .container:before { 
        right:400px !important; /* width */
    }
    .et_left_sidebar #main-content .container:before { 
        left:400px !important; /* width */
    }
    .et_right_sidebar #sidebar,
	.et_left_sidebar #sidebar { 
        width:400px !important; /* width */
    }
}