/*
Theme Name: Oxley Dental Child Theme
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
*/

/* SVG Logo */
.my_svg_log{
  height: 75px !important;
  max-width: 100%;
	width: auto;
}
.sticky-on .my_svg_log{
  height: 50px !important;
}

.mobile-header-bar .mobile-branding img.my_svg_log {
   height: 65px !important;
  max-width: 100%;
	width: auto;
}

.masthead.sticky-mobile-on .mobile-header-bar .my_svg_log{
  height: 45px !important;
}

.masthead.sticky-mobile-on .mobile-header-bar {
    min-height: 60px;
}

/* For IE11 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	img[src*=".svg"]{
		width: 100%;
		max-width: 100%;
		height: auto !important;
	}
}
/* End SVG Logo */

a {
    text-decoration: none;
}

a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #1e3668;
}

p {
    margin-bottom: 15px;
}

sup {
    top: -.4em;
}

sub, sup {
    font-size: 67%;
}

h1 sup {
    font-size: 60% !important;
	top: -.5em;
}

.cta-phone a, .cta-phone-2 a{
	color: #fff !important;
}

.footer-col-right .outline-btn{
	margin-right: 0px !important;
}

.cta-phone a:hover, .cta-phone-2 a:hover{
	text-decoration: underline;
}

.footer-appt-icon .vc_single_image-img {
	height: 67px;
	width: auto;
	padding-bottom: 25px;
}

.oxley-footer-logo .vc_single_image-img{
	height: 98px;
	width: auto;
    padding-bottom: 25px;
}

.home-top-row .standard-arrow li{
	font-weight: 600;
	font-size: 19px;
	line-height: 29px;	
	padding-top: 7px;
padding-bottom: 7px;
}

.home-top-row .list-divider li:first-child {
    padding-top: 0px !important;
}

.home-center-buttons {
	text-align: center;
}

.home-top-row .standard-arrow li::after {
    font-size: 9px;
    line-height: 17px;
}

.home-top-row .standard-arrow li::after, .home-top-row .standard-arrow li::before {
    width: 16px;
    height: 16px;
}

.home-top-row .standard-arrow.bullet-top li::before, .home-top-row .standard-arrow.list-divider li:first-child::before, .home-top-row .standard-arrow.list-divider li:first-child::after, .home-top-row .standard-arrow.bullet-top li::after {
    top: 18.5px;
}

.home-top-row .ult-modal-img.overlay-show.ult-align-center.ult-modal-image- {
    border: 2px solid #4f71b7;
}

.outline-btn {
	border: 0px solid #1e3668 !important;
    border-color: #4f71b7;
    background: #fff;
    color: #1e3668 !important;
}

#page .outline-bg-btn:hover, #page .outline-btn:hover, #phantom .outline-bg-btn:hover, #phantom .outline-btn:hover {
    border: 0px solid #39465d !important;
	background: #1e3668;
color: #fff !important;
border-radius: 3px;
}

.footer-contact-info h4{
	font-weight: 500 !important;
}

#bottom-bar {
    font-size: 15px;
}

#bottom-bar a, #bottom-bar .mini-nav .customSelect, #bottom-bar .menu-select {
    color: #ccc;
}

#bottom-bar a:hover {
    text-decoration: none;
	color: #fff;
}

.services-right-col .uvc-sub-heading strong{
	font-weight: 600 !important;
}

.services-right-col .uvc-main-heading h2{
	color: #000 !important;
}

.mobile-main-nav > li.has-children > a::after, .mobile-main-nav .next-level-button, .mobile-main-nav > li.menu-item-language > a::after {
    color: rgba(79,113,183,0.7);
}

.dt-testimonials-shortcode .more-link{
	display: none;
}

.dt-testimonials-masonry-shortcode .testimonial-content p{
	margin-bottom: 5px !important;
} 

.contact-page-info-boxes .aio-icon-description {
    margin-top: 7px !important;
}

input[type="text"], .widget_search input[type="text"].searchform-s, input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number {
    color: #000;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding: 5px 15px 5px 15px;
    border-color: rgba(57,70,93,0.35);
    background-color: #fbfbfb;
    border-radius: 0px;
}

.mobile-main-nav li > a .subtitle-text {
    font-size: 13px;
    line-height: 18px;
    font-family: "Raleway";
    font-weight: 600;
}

.mobile-main-nav .sub-nav {
    margin-left: 15px;
}

.top-bar .mini-widgets .text-area a{
	text-decoration: none;
}

.top-bar .right-widgets .text-area{
	margin-right: 0px !important;
}

.top-bar .right-widgets .text-area i{
	color: #4f71b7;
	font-weight: 600;
}

.mobile-mini-widgets-in-menu .text-area {
    font: 600 16px/17px "Raleway",Helvetica,Arial,Verdana,sans-serif;
	padding-bottom: 6px;
    padding-top: 10px;
    text-transform: uppercase;
}

.mobile-mini-widgets-in-menu .text-area a {
  display: block;
}

#custom_html-3 a {
    margin: 3px 10px;
text-transform: uppercase;
color: #ccc;
font-size: 16px !important;
font-weight: 500;
}

#custom_html-3 a:hover {
	color: #fff;
}

#custom_html-3 .textwidget {
    text-align: center;
}

#custom_html-3 {
	margin-bottom: 0px;
}

.wpcf7-form p{
	margin-bottom: 5px;
}

.wpcf7-form .wpcf7-submit{
	margin-top: 10px;
}


/* Responsive Design Coding */


@media screen and (min-width: 1401px){
	
.footer-contact-info .vc_col-lg-offset-1 {
    margin-left: 12.333%;
}	
}

@media screen and (min-width: 1301px) and (max-width: 1400px){
	
.footer-contact-info .icon-with-text-shortcode.layout-1 {
    grid-template-columns: 35px minmax(0,1fr) !important;
}	
}

@media screen and (min-width: 1200px) and (max-width: 1300px){
	
.footer-contact-info .icon-with-text-shortcode.layout-1 {
    grid-template-columns: 20px minmax(0,1fr) !important;
}	
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.footer-contact-info h4{
	font-size: 24px !important;
}
	
.footer-contact-info .icon-with-text-shortcode.layout-1 {
    grid-template-columns: 15px minmax(0,1fr) !important;
}
}
	
@media screen and (min-width: 778px) and (max-width: 991px){	
.footer-contact-info h4{
	font-size: 23px !important;
}
	
}

@media screen and (min-width: 501px) and (max-width: 777px){	
.footer-contact-info .vc_col-xs-offset-1 {
    margin-left: 24%;
}
}

@media screen and (min-width: 992px){
.contact-row-1 .footer-col-left .vc_column-inner{
    background-position: 100% center !important;
}
}

@media screen and (max-width: 991px){	
.home-top-row .standard-arrow ul{
	padding-left: 0px !important;
}
}

@media screen and (max-width: 900px){
	

}
	
@media screen and (min-width: 779px) and (max-width: 899px){

.top-bar .right-widgets {
    display: none;
}	
	
.masthead .top-bar .left-widgets {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
	-webkit-justify-content: center;
}		
		
}	

@media screen and (min-width: 778px){
.services-right-col .vc_column-inner{
	padding-left: 0px;
}
	
.mail .soc-font-icon {
    font-size: 17px !important;
}
	

	
}

@media screen and (max-width: 777px){
.services-right-col .uvc-heading, .services-right-col{
    text-align: center !important;
}
	
.masthead .soc-ico .soc-font-icon, .dt-mobile-header .soc-ico .soc-font-icon {
    font-size: 22px;
    line-height: 30px;
}
	
.mail .soc-font-icon {
    font-size: 19px !important;
}
	
.home-center-buttons .vc_column-inner{
	margin-top: 0 !important;
}
	
#custom_html-3 a {
    display: block;
}	
	
}


@media screen and (min-width: 600px){
#RwRequestAppointment {
    padding-left: 20%;
}
	
}

@media screen and (max-width: 600px){
.home-center-buttons .dt-btn{
	margin-right: 0 !important;
}
}


@media screen and (max-width: 500px){
.home-top-row .dt-btn{
	width: 100%;
}

.contact-row-1 .uvc-heading h2 {
    font-size: 34px !important;
    line-height: 44px !important;
}
	
.contact-row-1 .uvc-heading .uvc-sub-heading {
    font-size: 30px !important;
    line-height: 40px !important;
}
	
.home-top-row .standard-arrow ul{
	padding-left: 0px;
}	
	
}

@media screen and (max-width: 480px){
.cta-phone a{
	display: block;
	width: 100%;
}

}


