/*
Theme Name:   Yell Showcase
Theme URI:    http://example.com/The7/
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!
Author:       A. Milani (child) - The7 (parent)
Author URI:   http://example.com
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
Tags:         theme, child, responsive-layout, accessibility-ready
Text Domain:  dt-the7
Template:     dt-the7
*/
/* =Theme customization starts here
/* -------------------------------------------------------------- */

/* Ario css template */

/* ========================================================================================================================================CTA's */
/* Mobile phone CTA */
#mobile-phone-cta {display: block;position: fixed;bottom: -1px;left: 0;right: 0;height: 44px;z-index: 9999;background-color: #6FC1EF;padding: 0!important;-webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);}
#mobile-phone-cta a {display: block;height: 44px;width: 100%;color: #fff !important;text-align: center;font-size: 18px;font-weight: 100;padding-top:8px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
#mobile-phone-cta > div > div {padding-top:0!important;}
#mobile-phone-cta a:hover {background-color: #7cde95; color: #fff;}
#mobile-phone-cta a i {font-size:13px;padding-right:8px;}
@media screen and (min-width:640px) {#mobile-phone-cta{display:none;}}

/* CTA button menu */
.cta-menu-button { border: 2px solid #70C2EF; background-color: rgba(0,0,0,0); color: #6FC1EF!important; padding: 10px 10px 10px 10px; height: 60px; font-family: "roboto condensed"; font-weight: 700 !important; font-size: 20px; -webkit-transition: all 0.5s !important; -moz-transition: all 0.5s !important; -o-transition: all 0.5s !important; transition: all 0.5s !important; margin-left: 15px !important; }
.cta-menu-button:hover {border: none !important; background-color: #7cde95; color: #000!important;}

/* ========================================================================================================================================Paddings */
/* default paddings  */
.default-row{padding-top:80px; padding-bottom:80px;}
.default-row-remove-top{padding-top:0px; padding-bottom:80px;}
.default-row-remove-bottom{padding-bottom:0px; padding-top:80px;}
.default-row-alt {padding-top: 40px; padding-bottom: 40px;}
.default-row-alt-2 {padding-top: 160px; padding-bottom: 80px;}
.default-row-alt-3 {padding-top: 40px; padding-bottom: 0px;}

/* h paddings */
.title-padding {padding-bottom: 25px;}
/* padding inbetween rows */
.inbetween-margin {margin-top: 25px !important;} 

/*min heigt pods*/
.pod-max-height {min-height: 50px;}

/* Pod title styling */
.pod-title {position: relative; font-weight: bold; font-family: "Montserrat";}
.pod-title h3 {color: #333 !important;}

/* no text decoration for links */
a, a:hover {text-decoration: none !important;}

/*neg marg hero*/
.hero-overlap {margin-top: -160px !important;}

/* ========================================================================================================================================Styling */
/* alt background */
.background-alt {background-color: #F5F5F5;}

/* default the 7 grey button restyling  */
.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat { background-color: #70C2EF !important; color: #fff !important; -webkit-transition: all 0.5s !important; -moz-transition: all 0.5s !important; -o-transition: all 0.5s !important; transition: all 0.5s !important;}
.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover {background-color: #7cde95 !important; border-radius: 50px !important;}

/* Gravity form submit button restyle */
#main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type=submit], #main-slideshow .tp-button, .dt-btn, .dt-form button, .mc4wp-form input[type=submit], .nsu-submit, .post-password-form input[type=submit], .tml-submit-wrap input[type=submit], .woocommerce-widget-layered-nav-dropdown__submit, a.button, button.button, div.mc4wp-form button[type=submit], form.mc4wp-form input[type=submit], input[type=submit], input[type=button], input[type=reset] { border-radius: 50px !important;}

/* make p element white */
.p-white h3 {color: #fff !important; font-weight: normal;}

/* restyling footer links */
.footer .custom-menu a:not(:hover) { color:#333333 !important }
.footer .custom-menu a:hover { color:#6fc1ef !important }
.textwidget a { color:#333333 !important }
.textwidget a:hover { color:#6fc1ef !important }

/* border radius icon box image */
.aio-icon-img .img-icon {border-radius: 100px !important;}

/* margin problem fix */
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 0px !important;}

/*text shadow*/
.p-shadow {text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}

/*neg marg pods*/
.negative-pods {margin-top: -150px; z-index: 1;}

/*title styling*/
.title-style {border: 10px double #70c2ef; padding: 22px;}

/*z index fix*/
.zindex-fix {z-index: 0 !important;}

/*off grid text style*/
.offgrid-text  {/*border-radius: 80px 0px 80px;*/ left: 250px; position: relative !important; display: block !important; z-index: 1 !important; padding: 70px !important; background-color: #ebebeb !important; margin-top: 80px !important;}
.offgrid-text-2  {/*border-radius: 80px 0px 80px;*/ right: 250px; position: relative !important; display: block !important; z-index: 1 !important; padding: 70px !important; background-color: #ebebeb !important; margin-top: 80px !important;}

.box-shadow {
box-shadow: 0px 0px 50px 5px rgba(177, 177, 177, 0.25);
-moz-box-shadow: 0px 0px 50px 5px rgba(177, 177, 177, 0.25);
-webkit-box-shadow: 0px 0px 50px 5px rgba(177, 177, 177, 0.25);}

/*border radius for the hero*/
.hero-border {border-radius: 80px 0px 80px;}

/*dentists marging */
.dentist-margin {margin-bottom: -50px !important;}

/*heading fix styling */
.header-fix {left: 18%; z-index: 2; top: 80px;}
/* ========================================================================================================================================Pods & icons */
/*Linking for the pods*/
.pod-link {display: block;width: 100%;height: 100%;}
.pod-link a {text-decoration: none !important;}

/*Linking for the icons*/
.link-icon-box {margin-bottom:0;}
.link-icon-box a {display:block;position:absolute;top:0;bottom:0;left:0;right:0;}

/* service icons zoom effect */
.zoom {transition: transform .2s !important;}
.zoom:hover {transform: scale(1.05) !important; /* (105% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

/*pods styling ^*/
.single-pods-column {border-radius: 80px 0px 80px; padding: 20px !important;}
.single-pods-column:hover {box-shadow: 0px 0px 50px 5px rgba(177, 177, 177, 0.25);
-moz-box-shadow: 0px 0px 50px 5px rgba(177, 177, 177, 0.25);
-webkit-box-shadow: 0px 0px 50px 5px rgba(177, 177, 177, 0.25);}

/* ========================================================================================================================================Responsive & mobile */
/* Media queries for the pods on the homepage*/
@media (max-width: 468px) {.margin-content-bottom {margin-bottom:50px;} .display-none-mobile {display:none !important;}}
@media screen and (max-width:1024px) {#pods-row .single-pods-column {width:50%; margin-bottom:20px;}#pods-row .single-pods-column:last-child{width:50%;}}
@media screen and (max-width:768px) {#pods-row .single-pods-column {width:50%} #pods-row .single-pods-column:last-child{width:50%;}}
@media screen and (max-width:425px) {#pods-row .single-pods-column {height:150px;} #pods-row .single-pods-column .text p {font-size:15px;} #pods-row .single-pods-column {width:100%} #pods-row .single-pods-column:last-child{width:100%;}}
@media screen and (max-width:350px) {#pods-row .single-pods-column {height:100px;} #pods-row .single-pods-column {width:100%}}

/* Media queries for the icons on the service page  */
@media screen and (max-width: 768px) {#icon-row .single-icon-column { width: 50% !important;}}
@media screen and (max-width: 468px) {#icon-row .single-icon-column {width: 100% !important;}}

/* media queries for icons & CTA */
@media only screen and (max-width: 425px) {#icon-row .single-icon-row { width: 100% !important;}}
@media only screen and (max-width: 768px) {#icon-row .single-icon-row  { width: 50%;} .cta-mobile-fix {width:50% !important;}}

/* Make footer center tablet/ mobile */
@media screen and (max-width:768px) {#footer.solid-bg {text-align: center !important;}}

/* Hide CTA in menu on mobile*/
@media screen and (max-width: 468px) {.cta-menu-button  {display: none;}}

/*mobile CTC fix button overlapping copyright text*/
@media screen and (max-width: 468px) {.wf-container-bottom, #bottom-bar.full-width-line {margin-bottom: 25px !important;}}

/*Fix for scroll to top button for mobile overlapping CTA*/
@media screen and (max-width: 468px) {.scroll-top.on {margin-bottom: 40px;}}

/*Fix for image cut off homepage tablet*/
@media screen and (max-width: 768px) {#image-row .single-image-column {width: 100%; min-height: 350px;}}

/*off grid text reponsiveness*/
@media screen and (max-width: 768px) {.offgrid-text {left: 0px !important; position: relative !important; display: block !important; z-index: 1 !important; padding: 70px !important; background-color: #ebebeb !important; margin-top: 0px !important;}}
@media screen and (max-width: 768px) {.offgrid-text-2 {right: 0px !important; position: relative !important; display: block !important; z-index: 1 !important; padding: 70px !important; background-color: #ebebeb !important; margin-top: 0px !important;}}
/* Ario css template end */