/*
Theme Name:   the7dtchild
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:       G.Maccario (child) - Dream-Theme (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
/* -------------------------------------------------------------- */


/* -------------- JRB 04.03.19 -------------- */

/* ---- row & col paddings ---- */
.pad-sm {padding: 5% 3%;}
.pad-md {padding: 6% 3%;}
.pad-lg {padding: 8% 3%;}
.pad-xl {padding: 10% 3%;}
.pad-xxl {padding: 24% 3% 15% 3%;}
.pad-top-add {padding-top: 10%;}

.pad-sm-col > .vc_column-inner {padding: 6% 6%; }
.pad-xs-col > .vc_column-inner {padding: 4% 4%; }



/* ---- text styles ---- */
.nav-phone a {font-size: 20px; border: solid 5px #f8931d; border-radius: 20px; padding: 10px 20px;}
/*.h1-smaller h1 {font-size: 36px!important; color: white!important;}*/
a {text-decoration: none;}
.subtitle p {font-size: 20px; font-weight: bold; border-left: solid 5px #f8931d; padding-left: 20px;}
.white-text {color: white;}
.white-text h1 {color: white;}
.white-text h3 {color: white;}
/*
Theme Name:   the7dtchild
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:       G.Maccario (child) - Dream-Theme (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
/* -------------------------------------------------------------- */


/* -------------- JRB 04.03.19 -------------- */

/* ---- row & col paddings ---- */
.pad-xm {padding: 4% 3%;}
.pad-xm-bottom {padding: 0 3% 6% 3%;}
.pad-sm {padding: 5% 3%;}
.pad-md {padding: 6% 3%;}
.pad-lg {padding: 8% 3%;}
.pad-xl {padding: 10% 3%;}
.pad-xxl {padding: 24% 3% 17% 3%;}
.pad-xxl-internal {padding: 18% 3% 13% 3%;}
.pad-top-add {padding-top: 10%;}

.pad-lg-col > .vc_column-inner {padding: 10%;}
.pad-md-col > .vc_column-inner {padding: 8%;}
.pad-sm-col > .vc_column-inner {padding: 6%;}
.pad-sm-col2 > .vc_column-inner {padding: 10% 6% 6% 6%;}
.pad-xs-col > .vc_column-inner {padding: 4%;}

/*--------- removing unnecessary paddings --------*/
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {padding-top: 0px;}
/*--------- removing unnecessary paddings end --------*/

/* ---- row col styles ---- */
.overlap-row {margin-top: -6%;}

.cta-row {z-index: 100;}

/* ---- text styles ---- */
a .nav-phone {text-decoration: none; font-size: 20px; border: solid 5px #f8931d; border-radius: 20px; padding: 10px 20px;}
/*.h1-smaller h1 {font-size: 36px!important; color: white!important;}*/
a {text-decoration: none;}
.subtitle p {font-size: 24px; font-weight: bold; border-left: solid 5px #f8931d; padding-left: 20px;}
.h2-style h2 {border-left: solid 5px #f8931d; padding-left: 22px;}
.white-text {color: white;}
.white-text li {color: white;}
.white-text h1 {color: white;}
.white-text h3 {color: white;}
.cta-text {color:white; font-size: 20px; line-height:1.5;}
.cta-text-bottom {color:white; font-size: 30px; line-height:1.5;}
.text-info p {font-size: 20px; line-height: 1.5;}
.text-info a {color:#404041;}
.phone-text a {text-decoration: none; font-size: 24px; font-weight: bold; color: white; padding: 10px 20px; border: solid 5px white; border-radius: 20px;}
.two-col {column-count: 2; column-gap: 35px;}
.two-col2 {column-count: 2; column-gap: 35px;}
.gform_wrapper .top_label .gfield_label {color: white;}
.gform_wrapper div.validation_error {color: #ff0000;}
.gform_wrapper .validation_message {color: #ff0000;}

.col-shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}

/* ---- animations ---- */
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.bounce.animated {
    animation-duration: 3s!important;
    animation-fill-mode: both;
}

#mobile-phone-ctc {display: none}
.scroll-top.on {border-radius: 10px;}
.scroll-top {background-color: rgba(0,0,0,.5);}

@media (max-width: 768px) {
    .two-col {column-count: 1;}
    .two-col2 {column-count: 1;}
    .tab50 {width: 50%;}
    .tab100 {width: 50%;}
    .tab100p {width: 100%;}
    .mob-hidden {display: none;}
    /* -- removing generated paddings --*/
    .bttn {transform: translateX(-12px);}
    #footer .wf-container-footer {text-align: center;}
}

@media (max-width: 480px) {
.pad-lg {padding: 6% 3%;}
.mob-hidden {display: none; visibility: hidden; min-height: 1%;}
    .tab50 {width: 100%;}
    .tab100 {width: 100%;}
.two-col {column-count: 1;}

h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 25px;}
  /* ctc */
#mobile-phone-ctc {display: block !important;position: fixed;bottom: -1px;left: 0;right: 0;height: 54px;z-index: 999;background: linear-gradient(to right, #f8931d 0%, #feb157 100%);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-ctc a {display: block;height: 50px;width: 100%;color: #fff !important;text-align: center;font-family: 'Roboto Slab';font-size: 17px;font-weight:700;padding-top:16px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
#mobile-phone-ctc > div > div {padding-top:0!important;}
#mobile-phone-ctc a:hover {background-color:#004185;color:#D97610;}
#mobile-phone-ctc a i {font-size:13px;padding-right:8px;}

/* scroll up */
.scroll-top {
bottom: 11%;
}
/* footer margin above ctc */
#bottom-bar .wf-container-bottom > div {
  margin-bottom: 30px;
}

}