/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/



/* Theme customization starts here

-------------------------------------------------------------- */




/* - Global Adjustments - */

/* -- Misc --- */

.white p,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white li,
.white a,
a.white,
p.white,
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
	color: #ffffff;
}

.light-grey p,
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey h5,
.light-grey h6,
.light-grey li,
.light-grey a,
a.light-grey,
p.light-grey,
h1.light-grey,
h2.light-grey,
h3.light-grey,
h4.light-grey,
h5.light-grey,
h6.light-grey {
	color: #e7e7e7;
}

.grecaptcha-badge {
/*    visibility: hidden !important;*/
}

a#scroll-to-top {
    display: none !important;
}

input[type=radio],
input[type=checkbox] {
	margin-top: 0 !important;
}

.special-image .vc_column-inner {
    min-height: 150px !important;
}


/* -- Header -- */

.masthead.sticky-off .branding,
.masthead.sticky-on .branding {
    margin-top: -45px !important;
}

.masthead .mini-widgets>*, .masthead .mobile-mini-widgets>* {
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
}

/* --- Top Bar --- */

a.mini-contacts.phone.show-on-desktop {
    border-bottom: 1px solid #ef6522;
	margin-right: 25px !important;
	padding-bottom: 2px;
}

.social-icons {
	width: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.social-icons .social-icon, .social-icons .social-icon a {
    width: 26px;
    height: 26px;
}

/* --- Main Header --- */

/* --- Primary Nav --- */

/* --- Page Titles --- */

.page-title-head.hgroup,
.fancy-title-head.hgroup {
    background-color: rgb(22 22 22 / 50%);
    padding: 20px 40px !important;
}



/* -- Sidebars -- */

.museSidebar {
    margin-bottom: 0 !important;
}


/* -- Footer -- */

select#featuredServices {
    width: 80%;
    background-color: #161616;
    color: #ffffff;
    background-image: url(/wp-content/uploads/2021/03/muse_dental_studio-arrow-right.png);
    background-position: 95% center;
    font-family: 'Commissioner';
}


/* -- Buttons -- */


/* -- Shortcodes -- */

/* --- Accredidations --- */

div#accredidations {
    display: flex;
/*    justify-content: space-between;*/
    align-items: center;
/*	flex-wrap: nowrap;*/
}

@media (max-width: 800px) {
	div#accredidations {
/*		flex-wrap: wrap;*/
	}
}

/* --- Practice Hours Table --- */

table#practiceHours {
    width: 100%;
}

table#practiceHours,
table#practiceHours tbody,
table#practiceHours td {
	border: none !important;
	border-bottom: none !important;
}



/* - Main Content - */

/* -- Signatures Box -- */

.signatures {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.signatures img {
    margin: 5px 30px !important;
}

/* -- Treatment Boxes on HP -- */

#treatmentBoxes,
#treatmentBoxes-mobile,
#treatmentBoxes tr,
#treatmentBoxes-mobile tr,
#treatmentBoxes tr td,
#treatmentBoxes-mobile tr td {
    border: none !important;
}

#treatmentBoxes,
#treatmentBoxes-mobile {
    margin: 0 !important;
}

#treatmentBoxes td,
#treatmentBoxes-mobile td {
	vertical-align: top;
	padding: 0px;
}

#treatmentBoxes .top-row td,
#treatmentBoxes-mobile .top-row td {
    padding-bottom: 2px;
}

#treatmentBoxes-mobile .top-row td {
	padding-top: 4px;
}

#treatmentBoxes-mobile .middle-row td {
	padding-top: 2px;
	padding-bottom: 2px;
}

#treatmentBoxes .bottom-row td,
#treatmentBoxes-mobile .bottom-row td {
    padding-top: 2px;
}

#treatmentBoxes tr td:nth-child(1) {
	padding-left: 4px;
}

#treatmentBoxes tr td:nth-child(2) {
	padding-left: 4px;
	padding-right: 4px;
}

#treatmentBoxes-mobile tr td:nth-child(1) {
	padding-right: 2px;
}

#treatmentBoxes-mobile tr td:nth-child(2) {
	padding-left: 2px;
}

#treatmentBoxes .treatmentBox {
	background-color: #333333;
	padding: 40px 25px !important;
	min-height: 180px;
}

#treatmentBoxes-mobile .treatmentBox {
	background-color: #333333;
	padding: 25px 15px !important;
	min-height: 100px;
}

#treatmentBoxes .treatmentBox:hover,
#treatmentBoxes-mobile .treatmentBox:hover {
	cursor: pointer;
/*	background-color: #ef6522 !important;*/
	background-position: center center;
    background-size: cover;
}

#treatmentBoxes .treatmentBox .separator,
#treatmentBoxes-mobile .treatmentBox .separator {
	max-width: 35px;
	height: 2px;
	background-color: #ef6522;
	margin-bottom: 10px;
}

#treatmentBoxes .treatmentBox:hover .separator,
#treatmentBoxes-mobile .treatmentBox:hover .separator {
	background-color: #ffffff !important;
}

#treatmentBoxes .treatmentBox h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 0;
}

#treatmentBoxes-mobile .treatmentBox h3 {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 0;
}

#treatmentBoxes .treatmentBox:hover h3 a,
#treatmentBoxes-mobile .treatmentBox:hover h3 a {
    color: #333333 !important;
}


/* -- Reviews Slider -- */

#content > div:nth-child(5) > div.wpb_column.vc_column_container.vc_col-sm-12 > div > div > div.wpb_raw_code.wpb_content_element.wpb_raw_html.vc_custom_1616002093230 > div > div > div > div > div > div > div > div.rplg-box > div > div > svg > use {
    fill: #e7711b !important;
}



/* - Media Queries - */

@media (max-width: 800px) {
	.columnReverse {
		display: flex;
    	flex-direction: column-reverse !important;
	}
	#treatmentBoxes .top-row td {
    	padding-top: 4px;
	}
	#treatmentBoxes tr td:nth-child(1) {
		padding-left: 0px;
	}
	#treatmentBoxes .treatmentBox {
		padding: 25px 15px !important;
		min-height: 120px;
	}
	#treatmentBoxes .treatmentBox h3 {
		font-size: 12px;
		line-height: 22px;
	}
	#sectionLVI .vc_column-inner {
    	background-position: center top !important;
	}
}