/*
 Theme Name:   Canyon Dental Care
 Description:  This is a sample child theme
 Author:       Yuri M.
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  dsa
*/

/*===============
==== GENERAL ====
=================*/
/*----------- Prevent Horizontal Scroll ----------*/
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

#page {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}

div#et-main-area {
    background: #e4e3e2;
}

#page-container #main-header .et_menu_container,
#page-container .cd-sec {
    max-width: 2700px;
    margin: 0px auto;
}
    
/*=================
===== NAVIGATION ===
===================*/

/*----------- Change left and right padding for Dest top ----------*/
 @media (min-width: 981px){
 .et_fullwidth_secondary_nav #page-container #top-header .container,
 .et_fullwidth_secondary_nav #page-container #main-header .container {
     padding-right: 100px;
     padding-left: 100px;
 }
 } 
    
/*=================
===== HOME PAGE ===
===================*/
/* Home Page Hero */
/* .home-hero .et_pb_button_module_wrapper {
  display: inline-block;
}*/ 

.home-hero .canyon-text h1 {
    padding-bottom: 25px;
}
.home-hero .canyon-text p {
    padding-bottom: 0px;
    line-height: 1.6;
}

/*----------- Fixing blurb icons and text alignment ----------*/
.blurb-align-row .et_pb_blurb_position_left 
 .et_pb_blurb_container {
    display: flex;
  flex-direction: column;
}

/*------------- Comprehensive Dental Care Section ------------*/
/*------------- Dentist Icons Alignment ------------*/
.icon-center {
    display: flex;
    flex-direction: column;
    justify-content:center;
}

@media (max-width: 980px){
.icon-center { 
    flex-direction:row!important;
}
}

/*------------- Dental Service H4 ------------*/
.comp-dental-care .dental-care-row h4 {
    padding-bottom: 5px;
}

/*------------- Comprehensive Dental Care Section ------------*/
@media (min-width: 768px) and (max-width: 980px) {
    .dr-quote-row .dr-quote {
    margin-top: -180px;
    }
}

/*------------- Dr's Quote Section ------------*/
@media (max-width: 767px) {
   /* #page-container .dr-quote-row .dr-quote {
    margin-top: -80px!important;
    margin-left: 70px!important;
    } 
    .dr-quote-row .dr-quote-img .et_pb_image {
      margin-right: 80px;
    }*/
}

@media (min-width: 980px) and (max-width: 1180px){
#page-container .dr-quote-tree {
    right:auto;
    left: 180px;
    width:35%;
    top: auto;
    bottom: 100px;
}
}

/*====================
===== SERVICE PAGE ===
======================*/
/*---------- Preventative & General Care ---------- */
@media (max-width: 980px){
.serv-rest-sec .et_pb_column {
    margin-bottom: 0px;
}
}
  
  /*---------- Blurbs Image Icon Top ---------- */
  @media (min-width: 768px) and (max-width: 980px) {
  .blb-img-top .et_pb_main_blurb_image {
      margin-bottom: 20px;
  }
  }
  
  @media (max-width: 767px) {
  .blb-img-top .et_pb_main_blurb_image {
      margin-bottom: 15px;
  }
  }
  
  /*---------- Restorative Blurbs ---------- */
  @media (min-width: 981px){
  #page-container .serv-rest-sec .blurb-flex {
      width: 98%;
  }
}
/*====================
===== PAYMENT PAGE ===
======================*/
/*---------- Payment Hero ---------- */
@media (min-width: 981px) and (max-width: 1213px){
.payment-hero-sec .payment-hero-row h1 {
    font-size: 55px;
}
}


 
/*====================
===== CONTACT PAGE ===
======================*/

/*----------- Fixing blurb alignment ----------*/
.contact-hero .et_pb_blurb_content {
    margin-left: 0px;
}
/*----------- Fixing blurb p  ----------*/
.contact-hero .et_pb_blurb_description p {
    padding-bottom: 2px;
}

.contact-address .et_pb_blurb_description p:nth-of-type(1) {
    padding-top: 8px;
}
.contact-address .et_pb_blurb_description p:nth-of-type(3) {
    padding-top: 10px;
}


/*------------ Business Hours Table -------------*/
#page-container .biz-hours table {
    border: none;
}

.entry-content tr td {
    border-top: none!important;
}

.biz-hours tr th {
    padding-left: 0px;
}

.biz-hours table tbody tr {
    font-size: 18px;
    color: rgba(42,41,42,0.85)!important;
}

@media (min-width: 768px) and (max-width: 980px) {
  .biz-hours table tbody tr {
    font-size: 17px;
}  
}

@media(max-width:767px) {
  .biz-hours table tbody tr {
    font-size: 16px;
}  
}

/*------------ Business Hour & Map -------------*/
@media (max-width: 980px){
.et_pb_row.et_pb_row_1.zp-col-reverse.et_pb_equal_columns {
    display: flex;
    flex-direction: column-reverse;
}
}

/*------------ Contact Form Success Message Font -------------*/
.et-pb-contact-message p {
    font-size: 15px;
    color: black;
}

/*================
===== FOOTER  ====
==================*/
.footer .sponcor-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content:start;
    justify-content: start;
}

.footer .contact-address p {
    padding-bottom: 10px;
}

.footer .biz-hours tr {
    color: white!important;
}

.footer .biz-hours th,
.footer .biz-hours td {
    padding-bottom: 10px!important;
}



/*==============
===== CANVAS ===
================*/

/* Canvas Text Module Styles (all Text modules) */
.canvas-text.et_pb_text .et_pb_text_inner a:not(:hover) {
  text-decoration-color: transparent;
}

.canvas-text.et_pb_text .et_pb_text_inner a {
  transition: all .3s ease-in-out;
  text-underline-offset: .2em;
}

/* Canvas Footer #3 */
.canvas-footer-3 .et_pb_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.canvas-footer-3 .et_pb_column {
  margin-bottom: 0;
}

@media (max-width:467px) {
  .canvas-footer-3 .et_pb_row {
    flex-wrap: wrap;
  }
}
/* Canvas Text Module Styles (all Text modules) */
.canvas-text.et_pb_text .et_pb_text_inner a:not(:hover) {
  text-decoration-color: transparent;
}

.canvas-text.et_pb_text .et_pb_text_inner a {
  transition: all .3s ease-in-out;
  text-underline-offset: .2em;
}

/* Canvas Gallery #4 */
.canvas-gallery-4 .et_pb_column .et_pb_image {
  height: 100%;
}

.canvas-gallery-4 .et_pb_column.et-last-child .et_pb_image {
  height: 50%;
}

.canvas-gallery-4 .et_pb_image .et_pb_image_wrap,
.canvas-gallery-4 .et_pb_image .et_pb_image_wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width:980px) {
  .canvas-gallery-4 .et_pb_column {
    display: flex;
  }
}
/* Canvas Gallery #3 */
.canvas-gallery-3 .et_pb_column .et_pb_image {
  height: 50%;
}

.canvas-gallery-3 .et_pb_column.et-last-child .et_pb_image {
  height: 100%;
}

.canvas-gallery-3 .et_pb_image .et_pb_image_wrap,
.canvas-gallery-3 .et_pb_image .et_pb_image_wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width:980px) {
  .canvas-gallery-3 .et_pb_column {
    display: flex;
  }
}
/* Canvas Gallery #8 */
.canvas-gallery-8 .et_pb_column_1_4 .et_pb_image {
  height: 50%;
}

.canvas-gallery-8 .et_pb_column_1_2 .et_pb_image {
  height: 100%;
}

.canvas-gallery-8 .et_pb_image .et_pb_image_wrap,
.canvas-gallery-8 .et_pb_image .et_pb_image_wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width:980px) {
  .canvas-gallery-8 .et_pb_column {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width:479px) {
  .canvas-gallery-8 .et_pb_column_1_4 .et_pb_image {
    flex-basis: 50%;
    height: 100%;
  }
}

</style>