/*
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
*/

/********************************************************
Table of Contents

To navigate to a section of the stylesheet - Ctrl + F

Base Styles
The7 Style Edits
Header Styles
Content Styles
Sidebar Styles
Footer Styles
Breadcrumb Styles
Hyperlink Styles
List Styles
Table Styles
Float Styles
Social Media Styles
Contact Form Styles
Blog Styles
Mobile Button Styles
Misc Styles
Responsive Styles

/********************************************************
Base Styles
********************************************************/

html {
    /*to prevent jitter when moving from a page that is taller than the window to one that is not, vice versa*/
    overflow-y: scroll;
}

body {
    overflow-x: hidden;
	font-size:18px;
}
#page{
display:block!important;
}
/*new fancybox fix*/
.compensate-for-scrollbar{
margin-right:0px!important;
}

.clear {
    clear: both;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

img {
    outline: none;
    border: none;
}

#main #content h2 {
    margin-bottom: 32px;
    color: #37713b;
    line-height: 1.25em;
}

.ctct-popup-form {
    display: none !important;
}

/********************************************************
The7 Style Edits
********************************************************/

.wpb_content_element {
    margin: 0;
    padding: 0;
}

.dt-btn {
    margin-bottom: 30px;
}

#content .wpb_alert p:last-child,
#content .wpb_text_column p:last-child,
.vc_message_box>p:last-child,
.wpb_alert p:last-child,
.wpb_text_column p:last-child {
    margin-bottom: 10px;
}

.breadcrumbs > li:first-child::before {
    display: none;
}

a.scroll-top.on {
    display: none;
}

.grecaptcha-badge {
    z-index: 99;
}

/********************************************************
Header Styles
********************************************************/

div#hero-img {
    max-width: 100%;
    overflow: hidden;
    line-height: 0;
    max-height: 500px;
}

div#hero-img img {
    margin: 0 auto;
    width: 100%;
}

header span.subtitle-text {
    display: none;
}
.inline-header.right .main-nav {
    justify-content: flex-start !important;
}

span.pkg-banner-text {
    position: relative;
    bottom: 15px;
    width: fit-content;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    color: white;
    font-size: .8em;
}

.top-bar-wpml.lang-switcher {
    width: 100%;
    padding: 8px 60px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    background: #efefef;
	border-bottom:solid 1px #ddd;
	position: fixed;
	z-index: 99999;
}

.top-menu.wpml-menu {
    display: flex;
}

.top-menu.wpml-menu ul {
    display: flex;
}

.top-menu.wpml-menu ul li {
    padding: 0 6px;
}

.top-menu.wpml-menu ul li a {
    text-decoration: none;
    color: #000;
    padding: 0 8px;
    font-weight: 700;
}

.top-menu.wpml-menu ul li:first-child {
    border-right: solid 1px #a2a2a2;
}

.top-menu.wpml-menu > span {
    font-weight: 700;
    margin-right: 8px;
}

.top-menu.wpml-menu ul li a:hover, .top-menu.wpml-menu ul li a.active {
    color: #009d56;
}



.top-menu.wpml-menu ul li:last-child, .top-menu.wpml-menu ul li:last-child a {
    padding-right: 0;
}

/* Desktop Hamburger Nav */
.mini-widgets .text-area{
	padding-left: 8px;
}
#ham-nav{
	position:fixed;
	height: 100%;
	width: 300px;
	top: 0;
	right: -300px;
	background: #404040;
	transition: all 300ms;
	z-index: 9998;
}
.ham-nav-btn{
/* 	position: absolute;
    top: 37px;
    right: 25px;
    height: fit-content; */
}
#phantom .ham-nav-btn {
    top: 37px;
}
#phantom #ham-nav{
	display: none;
}
.ham-nav-btn:hover, .close-btn:hover {
    cursor: pointer;
}
.ham-nav-btn span{
	width: 25px;
	height: 2px;
	background: #0c0b0d;
	display: block;
	margin-top: 6px;
}
.ham-nav-btn br{
	display: none;
}
#ham-nav ul{
    padding: 30px;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}
#ham-nav ul li{
    margin: 4px;
    border-bottom: 1px solid rgba(239, 241, 237,0.2);
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    align-items: center;
    width: 80%;
}
#ham-nav ul li:last-child{
    border-bottom: 0px;
}
#ham-nav ul li a{
    font: normal 18px / 28px "Nobel", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none;
    padding: 15px 4px;
    display: flex;
    width: 80%;
}
#ham-nav ul li a:hover{
    color: #19c77a !important;
}
#ham-nav .close-btn {
	position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    background: #19c77a;
}
#ham-nav .close-btn span{
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
}
.ham-nav-btn br, #ham-nav p, #ham-nav br{
	display: none;
}
#ham-nav .ham-sub-nav{
    padding: 0 !important;
    display: block;
    width: 100%;
}
#ham-nav ul.ham-sub-nav li a{
	font: 14px / 17px "Roboto", Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	padding: 10px 20px;
}
#ham-nav ul.ham-sub-nav li a:first-child{
	padding-top: 0;
}
#ham-nav .close-btn span:after, #ham-nav .close-btn span:before,
#ham-nav span.sub-drop:after, #ham-nav span.sub-drop:before{
    display: inline-block;
    height: 2px;
    background: #fff;
    position: absolute;
    content: '';
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin: -1px 0 0 -11px;
    width: 22px;
    -webkit-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
}
#ham-nav .close-btn span:before{
	top: 50%;
    left: 50%;
    -ms-transform: rotate3d(0,0,1,45deg);
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}
#ham-nav .close-btn span:after{
	top: 50%;
    left: 50%;
    -ms-transform: rotate3d(0,0,1,-45deg);
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}
#ham-nav span.sub-drop:after,
#ham-nav span.sub-drop:before{
	position: absolute;
    top: 50%;
    left: 25%;
    width: 15px;
    background: #b9b9b9;
    margin: 0 !important;
}
#ham-nav span.sub-drop:after{
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
span.sub-drop {
    display: flex;
    width: 25px;
    height: 25px;
    position: relative;
}
span.sub-drop:hover {
	cursor: pointer;
	opacity: 0.8;
	transition: all 300ms;
}
.ham-nav-overlay {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
}
#phantom.masthead{
	z-index: 101;
	top: 32px !important;
}
.dt-mobile-menu-icon{
	z-index: 103;
}

/*.hero-shadow {
    text-shadow: 0 0px 13px rgba(0,0,0,0.7), 0 0px 13px rgba(0,0,0,0.7);
    font-weight: 700 !important;
    color: #fff!important;
}*/
/********************************************************
Content Styles 
********************************************************/
.page-title h1 {
    letter-spacing: 3px;
}

h2,
h3,
h4,
h5,
h6,
p.h3,
p.h4 {
	margin-bottom: 0.5em;
}

h2 {
	font-size:32px;	
}

h3 {
	font-size:26px;	
}

h4 {
	font-size:22px;	
}

#main{
	padding: 0;
}

#content img {
    max-width: 100%;
}

#main #content p{
	margin-bottom: 32px;
}

hr {
    width: 100%;
    height: 0;
    margin: 20px 0;
    border: 0;
    border-bottom: 1px solid #ccc;
}

hr.dashed {
    border-bottom: 1px dashed #7b7b7b;
}
.page-title h1 sup {
    top: -15px;
    font-size: 75%;
}

#content p sup, #content li sup {
    font-size: 85%;
}
#main .primary-btn {
    background: #26436b;
}

#main .primary-btn:hover {
    background: #1b54a2;
}

#main .secondary-btn {
    background: #b00;
}

#main .secondary-btn:hover {
    background: #9c0000;
}

#main .tertiary-btn {
    background: #888;
}

#main .tertiary-btn:hover {
    background: #676767;
}

#main > .wf-wrap {
    padding-top: 32px;
/*     padding-bottom: 32px; */
}
body.page{
	font-family: "Roboto";
}
.vc_separator {
    padding: 48px 0;
}
.title-descrp{
	font-size: 24px;
    line-height: 35px;
    color: #1a181b;
	font-weight: 400;

}
/* Card styles */
/* .card-row.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}
.card-row .wpb_text_column.wpb_content_element {
    min-height: 376px;
}
.card-row {
    display: flex;
    flex-wrap: wrap;
}
.card-row .vc_column_container {
     flex: 0 1 50%;
    position: relative;
}
.card-row .vc_single_image-wrapper{
    position:absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.card-row img{
    object-fit: cover;
    height: 100%;
} */

.card-row.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}

.card-row .wpb_text_column.wpb_content_element {
    min-height: 376px;
}

.card-row div.vc_single_image-wrapper {
    position: relative;
    overflow: hidden;
}

.card-row-img img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    max-width: none !important;
}

.card-row {
    display: flex;
}

.card-row-img .vc_column-inner {
    height: 100%;
}

.card-row-img .vc_column-inner div, .card-row-img .vc_column-inner figure {
    height: inherit;
    width: 100%;
}

.card-row-img .vc_column-inner figure {
    display: flex;
}
/* Blue CTA Area */
.cta-full-width {
    background: linear-gradient(to right, rgba(138,205,234,1) 0%, rgba(80,121,141,1) 100%);
	padding: 0 !important;
}
.cta-full-width .vc_column-inner {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}
#subfooter div.footer-form .wrap,
.cta-full-width .vc_column_container {
    /*background: url(/wp-content/uploads/cta-us-map.png) no-repeat;*/
    background-position: 50% 50%;
	background-size: contain;
}

.cta-full-width h2{
    color: #fff !important;
    letter-spacing: 3px;
	font-size: 40px;
}
.cta-full-width p{
    color: #fff;
    font-size: 28px;
    line-height: 40px;
    font-weight: 300;
}
.cta-full-width a{
    background-color: rgba(255,255,255,0) !important;
    border: 3px solid #fff;
    box-sizing: border-box;
    color:  #fff !important;
    font-size:18px;
    text-transform: uppercase;
    min-width: 350px;
    border-radius: 8px;
	letter-spacing: 3px;
}
.cta-full-width a:hover{
    background-color: #fff !important;
    color:  rgb(131, 178, 198) !important;
}
.cta-full-width .vc_column_container>.vc_column-inner{
    padding: 50px 0 25px 0 !important;
}
.three-col-list div.vc_column-inner {
    text-align: center;
}
.three-col-list div.vc_column-inner li {
    text-align: left;
}
.three-col-list div.vc_inner {
	display: inline-block;
	max-width: 790px;
	width: 100%;
}
.three-col-list .vc_col-sm-4 {
    padding: 0 20px;
/* 	width: 25%; */
}
.three-col-list h3 {
    color: #5a5a5a;
}
.mini-nav .customSelectInner {
    font-size: 0px !important;
}
.mini-nav .customSelectInner:before {
    content:" ";
    background: url('/wp-content/uploads/ham-nav-icon.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat !important;
    left: initial;
    top:initial;
    width: 30px;
    height: 30px;
    margin-top: -5px;
        
}
.mini-search .submit:before{
	background-image: none !important;
	margin-top: 6px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f002";
    font-size: 21px;
    color: #0c0b0d;
    transition: all 300ms;
}

.masthead .searchform i {
    display: none;
}
/* industries section styles */
.outer-industries {
    background-image: url(/wp-content/uploads/services-bg.jpg) !important;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #fafafa;
}
.industries-row.second {
	position: relative; 
	box-sizing: border-box; 
	width: 1170px; 
	max-width: 100%;
	margin: 0 auto;
	padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.industries-row h2 {
    font-size: 40px;
    letter-spacing: 1px;
    color: #1a181b !important;
	padding-bottom: 30px !important;
}
 .industries-row ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: 0px !important;
    height: 100%;
    padding-bottom: 30px;
    width: 100%;
}
.industries-row ul li {
    background: url('/wp-content/uploads/custom-sheets-img.jpg') no-repeat !important;
    text-align: center;
    box-sizing:border-box;
    padding: 0 !important;
	margin: 4px !important;
    border-radius: 50%;
    position: relative;
    width: 19%;
    overflow: hidden;
}
.industries-row ul li.agriculture{
	background: url('/wp-content/uploads/landing-agriculture-1.jpg') no-repeat left center!important;
}
.industries-row ul li.graphic-arts{
	background: url('/wp-content/uploads/landing-graphic-arts-1.jpg') no-repeat center center !important;
}
.industries-row ul li.packaging{
	background: url('/wp-content/uploads/landing-packaging-1.jpg') no-repeat !important;
}
.industries-row ul li.automotive{
	background: url('/wp-content/uploads/auto-500-1.jpg') no-repeat top center !important;
}
.industries-row ul li.industrial{
	background: url('/wp-content/uploads/landing-industrial-1.jpg') no-repeat center center !important;
}
.industries-row ul li.graphic-arts.color-chart {
    background: url(/wp-content/uploads/color-chart.jpg) center center no-repeat !important;
    background-size: 300px !important;
}

.industries-row ul li.graphic-arts.die-cut {
    background: url(/wp-content/uploads/diecut.jpg) center center no-repeat !important;
    background-size: 400px !important;
}

.industries-row ul li.graphic-arts.graphic-design {
    background: url(/wp-content/uploads/graphic-design.jpg) center center no-repeat !important;
    background-size: 300px !important;
}
.industries-row a:hover {
    opacity: 1 !important;
}
.industries-row ul li::before {
    display: none;
}
.industries-row ul li:after{
  content: "";
  display: block;
  padding-bottom: 100%;
}
.industries-row ul li div{
    background: rgba(61, 153, 68, 100);
    height: 100%;
    width: 100%;
    transition:all 300ms;
    position: absolute;
}
.industries-row ul li div:hover{
   background: rgba(0, 0, 0, 0.5);
}
.industries-row ul li a{
    width: 100%;
    display: block;
    /* margin: auto; */
    /* position: absolute; */
    /* transform: translateY(-50%); */
    /* top: 30%; */
    color: #fff !important;
    text-decoration: none !important;
    font-family: Nobel, Helvetica, sans-serif;
    font-size: 27px;
    letter-spacing: 2px;
    font-weight: normal !important;
    height: 100%;
    position: relative;
}
.industries-row ul li a span{
    position: absolute;
    width: 100%;
    height: fit-content;
    top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
/* 	text-transform: capitalize; */
}
.industries-row ul li a img{
    display: block;
    margin: auto;
    padding-bottom: 10px;
}
/* Resources Page - Accordian */
.vc_tta-accordion div.vc_tta-panel-body .three-col-list div.vc_column-inner {
    text-align: left;
}

#main .vc_tta-panel-heading h4 a {
    color: #68737a !important;
    text-decoration: none !important;
    font: normal 22px / 30px "Nobel", Helvetica, Arial, Verdana, sans-serif;
}
/* Distributor Page Styles */
#wpsl-search-wrap form {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.wpsl-search {
    padding-bottom: 12px;
}
#wpsl-search-wrap div {
/*     height: 100%; */
    margin: 0;
}
.wpsl-select-wrap{
    width: 50%;
}
#wpsl-search-wrap form label{
    width: auto;
    height: 100%;
}

.wpsl-select-wrap > div,
.wpsl-input {
    display: flex !important;
    align-items: center;
}

#wpsl-search-wrap .wpsl-select-wrap {
    display: flex;
    justify-content: space-around;
}
#wpsl-search-wrap .wpsl-input label{
	margin-right: 10px;
}
#wpsl-stores div {
    margin-bottom: 10px !important;
    line-height: 150%;
}
/* List style */
#main #wpsl-stores ul {
    margin-left: 1em;
}
#main #wpsl-stores ul li::before {
    content: " ";
    margin: 0;
}

.list-page-blade {
    padding: 32px 0;
}

.list-page-blade .vc_col_sm-4 {
    margin-bottom: 32px;
}

.list-page-blade .vc_col-sm-4 {
    margin-bottom: 48px;
}

.list-page-blade .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper {
    background: #fff;
}

.list-page-blade .vc_col-sm-4 .wpb_single_image {
    margin-bottom: 20px;
}

.list-page-blade .vc_col-sm-4 h3, .list-page-blade .vc_col-sm-4 p {
    padding: 0 20px;
}

.list-page-blade .vc_col-sm-4 h3 {
    font-size: 24px;
}
/* Color Chart blades */
.color-block {
    height: 150px;
    width: 150px;
    transform: skewX(-8deg);
    border-radius: 15% 0;
	margin: auto;
    margin-right:24px;
    position: relative;
}
.list-page-blade .wpb_raw_html {
    padding: 30px;
    width: auto;
}

#color .wpb_text_column p {
    text-transform: uppercase;
}
#color .wpb_text_column h3 {
    margin-bottom: 0;
}
.list-page-blade .wpb_raw_html {
    padding: 30px 30px 20px 30px;
    width: auto;
}
 #color.list-page-blade .vc_inner {
   display: flex;
   justify-content: flex-start;
   width: 100%;
   flex-flow: wrap;

}

.industries-index .vc_row {
    justify-content: center;
    display: flex;
}

.overlap-images .wpb_single_image:first-child {
    width: 80%;
}

.overlap-images .wpb_single_image:last-child {
    /* max-width: 40%; */
    text-align: right;
    margin-top: -100px;
}

.overlap-images .wpb_single_image:last-child figure {
    display: inline-block;
    width: 55%;
}

.tp-caption {
    font-family: 'Nobel' !important;
    font-weight: 500 !important;
    padding: 20px 80px !important;
    background: rgba(0,0,0,0.8);
    position: absolute !important;
    bottom: 0;
    width: 100%;
    white-space: normal !important;
    font-size: 38px !important;
    line-height: 1.125 !important;
    box-sizing: border-box;
}

#home-tabs-wrap li.ui-state-default {
    width: 16.66666%;
    margin: 0;
    text-align: center;
    box-shadow: none;
    border: solid 1px #e0e0e0;
    box-sizing: border-box;
    border-left: 0;
}

#home-tabs-wrap li.ui-state-default a {
    font-family: 'Nobel';
    font-size: 28px;
    padding: 20px;
    color: #888888;
    display: block;
    width: 100%;
}

#home-tabs-wrap > .wpb_column > .vc_column-inner {
    padding: 0;
}

#home-tabs-wrap li.ui-state-default:last-child {
    border-right: 0;
}

#page .tab-style-one .wpb_tabs_nav li.ui-state-active a {}

#home-tabs-wrap .wpb_tabs.tab-style-one .wpb_tabs_nav > li.ui-state-active {
    background: #fff;
    border-bottom: 0;
}

#home-tabs-wrap .wpb_tabs.tab-style-one .wpb_tabs_nav > li.ui-state-active a {
    color: #37713b;
}

#home-tabs-wrap ul.wpb_tabs_nav {
    margin-bottom: 48px !important;
}

#home-tabs-wrap .wpb_single_image {
    margin-bottom: 0;
}

#home-tabs-wrap .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
    border: solid 1px #e0e0e0;
}

#home-tabs-wrap .wpb_text_column {
    margin: 0;
    padding: 0px;
}

#home-tabs-wrap h3 {
    color: #37713b;
    font-size: 28px;
}

#home-tabs-wrap .wpb_single_image .vc_figure, #home-tabs-wrap .wpb_single_image .vc_figure .vc_single_image-wrapper, #home-tabs-wrap .wpb_single_image .vc_figure .vc_single_image-wrapper img {
    width: 100%;
}

#home-tabs-wrap .vc_col-sm-4 > .vc_column-inner {
    padding: 0 32px;
}


#home-tabs-wrap .vc_row {
    padding: 0 38px;
    margin-bottom: 32px;
}

.home-top-text {
    padding-left: 32px;
}

#main #content h2.h2-type2 {
    color: #333333;
    margin-bottom: 0;
}

div.vc_col-sm-4 a {
    color: #333;
    text-decoration: none;
}

#home-tabs-wrap div.vc_col-sm-4 a {
    color: #37713b;
}

#home-tabs-wrap div.vc_col-sm-4 .wpb_text_column a {
    display: block;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    opacity: 1 !important;
}

#home-tabs-wrap .vc_col-sm-4 .vc_column-inner > .wpb_wrapper:hover .wpb_text_column a {
    background: #37713b;
    color: #fff;
}

#content .dt-btn {
    background: rgb(0,157,87);
    background: linear-gradient(180deg, rgba(0,157,87,1) 0%, rgba(55,113,59,1) 100%);
    border-radius: 6px;
    border: solid 1px #29bd78;
    box-shadow: 0 0 1px 1px #35723c;
}

#content .dt-btn i {
    display: none;
}

#content .dt-btn:before {
    padding: 0 32px 0 16px;
    background: url(/wp-content/themes/dt-the7-child/images/coroplast-swatch.svg) center left no-repeat;
    content: '';
    opacity: 0.4;
    background-size: 28px;
    width: 28px;
    height: 28px;
    padding: 0 20px 0 0;
}

#content .dt-btn:hover {
    opacity: 0.8;
}

.overlap-images img {
    padding: 6px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
}

.home-tradeshow-row .vc_separator {
    padding: 6px 50px 6px 0;
    box-sizing: border-box;
}

.home-tradeshow-row .vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #009d57;
}

#main div#subfooter {
    margin-bottom: 48px;
}

.tp-mask-wrap {
    height: 100%;
    width: 100%;
}

.tp-loop-wrap {
    height: 100%;
    width: 100%;
}

.tp-parallax-wrap.bot-caption-r2 {
    height: 100%;
    top: 0 !important;
    width: 100%;
    left: auto !important;
}

.tp-static-layers {
    height: 100%;
    bottom: 0;
    width: 100%;
}

.tparrows {
    bottom: 22px !important;
    top: auto !important;
    background: rgba(255, 255, 255, 0.5);
}

.tparrows:before {
    color: #000;
}

.tparrows:hover {
    background: #fff;
}

body.search div#content {
    padding-bottom: 50px;
}

#main .dt-btn span {
    color: #fff !important;
}

#main input#wpsl-search-btn:hover {
    color: #fff;
    border-color: #009d57;
}

.wpsl-dropdown li:before {
    display: none;
}
/* Videos Section */
.videos-section .vc_col-sm-4 {
    margin-bottom: 16px;
}

rs-layer.hero-shadow {
    font-family: 'Nobel' !important;
    font-weight: 500 !important;
    padding: 20px 80px !important;
    background: rgba(0,0,0,0.8);
    position: absolute !important;
    bottom: 0;
    width: 100%;
    white-space: normal !important;
    font-size: 38px !important;
    line-height: 1.125 !important;
    box-sizing: border-box;
    width: 100% !important;
}

rs-mask-wrap {
    height: 100%;
    width: 100%;
}

rs-layer-wrap.rs-parallax-wrap.bot-caption-r2 {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
}

rs-loop-wrap {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

rs-arrow {
    bottom: 22px !important;
    top: auto !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

rs-arrow::before {
    color: #222 !important;
}

/********************************************************
Sidebar Styles
********************************************************/

#main #sidebar ul {
    margin-bottom: 0;
}


/********************************************************
Footer Styles
********************************************************/

#presscore-custom-menu-1-3 .custom-menu li {
    display:inline-block;
    border: none;
}
#presscore-custom-menu-1-3 .custom-menu a {
    padding-right: 20px !important;
	color: #dfdfdf;
}
#presscore-custom-menu-1-3 ul.custom-menu {
    float: right;
	font-family: "Nobel", Helvetica, sans-serif;
    font-size: 16px;
	text-transform: uppercase;
	color: #dfdfdf;
}
#presscore-custom-menu-1-3 .custom-menu a:hover {
    color: #37713b;
}
.custom-html-widget div {
    display: inline-block;
	width: 44%;
}
.custom-html-widget div:first-child {
    padding-right: 30px;
}


.wf-container-footer section {
    margin-bottom: 0 !important;
}
#subfooter div.footer-form{
    background: linear-gradient(to right, rgba(138,205,234,1) 0%, rgba(80,121,141,1) 100%);        
	padding-top:45px;
}
#gform_wrapper_4 {
    margin: 0;
}
#subfooter form{
    max-width: 850px;
    width: 100%;
    text-align: center;
    padding: 10px 0 45px 0;
}
.gform_wrapper .gform_heading {
    margin-bottom: 30px;
}
#subfooter .gform_heading h3 {
    letter-spacing: 2px !important;
    font-size: 36px;
    font-weight: inherit;
    color: #fff;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
#subfooter .gform_body{
    display: inline-block;
}
#gform_wrapper_4 .gform_body .gfield_label {
    display: none;
}
#subfooter .gform_body ul li{
    display: inline-block;
	vertical-align: top;
    width: 45%;
    padding: 0;
    height: 100%;
    margin-top: 0px;
}
#subfooter #gform_wrapper_4 .ginput_container{
    -webkit-box-sizing: border-box;
    border: 1px #e1e1e1 solid;
    border-radius: 7px;
    background-color: #fff;
    width: 90%;
    margin: 12px auto !important;
/*     margin-bottom: 25px; */
}
#subfooter .gform_body ul li input {
    font-size: 20px;
    font-weight: 400;
    border: none !important;
    background: #fff !important;
}
#subfooter .gform_body ul li input::placeholder{
    color: #82898c;
}
#subfooter .gform_footer{
    padding-top: 0px;
}

body #subfooter #gform_submit_button_4 {
    background-color: rgba(255,255,255,0) !important;
    border: 3px solid #fff;
    box-sizing: border-box;
    padding: 8px 24px;
    font-family: "Nobel";
    font-weight:normal !important;
    font-size: 20px;
    text-transform: uppercase;
    min-width: 350px;
    border-radius: 8px;
    letter-spacing: 3px;
	line-height:38px;
}
body #subfooter #gform_submit_button_4:hover {
    background: #fff !important;
    color: rgb(131, 178, 198);
}


/* error styles */
#subfooter .gform_wrapper li.gfield.gfield_error {
    background: none !important;
}
#subfooter .gform_wrapper.gf_browser_chrome .gfield_error input[type=text] {
    margin-bottom: 10px !important;
}
#subfooter .gform_wrapper li.gfield.gfield_error input::placeholder{
    color: #ce4f46 !important;
}
#subfooter .gform_wrapper div.validation_error{
    color: #8c4843 !important;
    border-color: #8c4843 !important;
}

#subfooter .ginput_container_phone .instruction.validation_message {
    display: none !important;
}
#subfooter .cert-logos {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}
#subfooter .cert-logos .logo-box img {
    width: 75%;
}
#subfooter .cert-logos .logo-box {
    text-align: center;
}

#bottom-bar span{
    padding-right: 5px;
}
#bottom-bar p {
    margin-bottom: 0;
    line-height: 18px;
    font-family: "Nobel", Helvetica, sans-serif;
    font-size: 13px;
    color: #c3c3c3;
}
#bottom-bar span{
    padding-right: 10px;
}
/* Linkedin Button Styles */
#presscore-custom-menu-1-3 ul.custom-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.custom-menu>li:first-child {
    margin: 6px 0 0;
    padding: 7px 0 0;
}
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2307,
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2270{
    width: 26%;
    display:flex;
    justify-content: flex-end;
    position: relative;
    box-sizing: border-box;
}
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2269 a{
    margin-right: 0px;
    padding-right: 14px !important;
}
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2270{
    width: auto;
}

#presscore-custom-menu-1-3 .custom-menu li a i{
    background: #dfdfdf;
    color:#424647;
    font-size: 20px;
    padding: 5px 7px 4px 7px;
    transition: all 300ms;
	border-radius: 3px;
}
#presscore-custom-menu-1-3 .custom-menu li a i.fa-youtube{
	padding: 5px;
}
#presscore-custom-menu-1-3 .custom-menu li a i:hover{
    opacity: 0.7;
}

#presscore-custom-menu-1-3 .custom-menu li.menu-item-2270 a:hover{
    color: #dfdfdf;
    opacity: 0.7;
}
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2270::before,
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2269::before{
    content:"";
    border-left: 1px solid #dfdfdf;
    height: 20px;
    margin-top: 5px;
}
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2270 a i,
#presscore-custom-menu-1-3 .custom-menu li.menu-item-2269 a i{
    margin-right: 5px;
    margin-left: 15px;
}

/********************************************************
Breadcrumb Styles
********************************************************/


/********************************************************
Hyperlink Styles 
********************************************************/

a {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

img a {
    border: 0;
}

#main a:not([class]) {
/*     color: #0645AD;
    font-weight: 600;
    text-decoration: underline */
}

#main a:hover:not([class]) {
    opacity: 0.8;
/*     text-decoration: underline; */
}


/********************************************************
List Styles 
********************************************************/
ul, ul li{
	list-style-type: none;
}

#main ul {
    margin-left: 2em;
    margin-bottom: 2em;
}

#main ol {
    margin-left: 2.5em;
    margin-bottom: 1.25em;
}

#main li {
    padding: 3px;
}

#main ul li {
/*     background: url(images/icon-list.png) 0 0 no-repeat; */
/*     background-size: 20px; */
    padding: 0;
/*     padding-left: 30px; */
    margin-bottom: 1em;
}
#main ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    color: #37713b;
    margin-right: 10px;
	vertical-align: top;
}
#main ol li {
    padding: 0;
    margin-bottom: 1em;
/*     color: #1b5a8a;
    font-weight: bold; */
}


/* nested lists */

#main li ul,
#main li ol {
    margin-bottom: 0;
    margin-left: 0.5em;
    margin-top: 1em;
}

#main li ul li {
    background: url(images/icon-list-sub.png) 0px 2px no-repeat;
    background-size: 16px;
    padding-left: 24px;
}

#main li ol li {
    color: #2f2f2f;
    font-weight: 400;
}

ul.three-columns,
ul.two-columns {
    margin-left: 0;
    padding-left: 30px;
    box-sizing: border-box;
}

.two-column {
    columns: 2;
    column-gap: 40px;
}

.three-column {
    columns: 3;
    column-gap: 40px;
}
/* .three-col-list ul li {
    background: url('/wp-content/uploads/pdf-icon.png') 0 15% no-repeat !important;
    background-size: 16px !important;
} */
#main .three-col-list ul li::before {
    content: "\f1c1";
    font-weight: 400;
    color: #8c4843;
    margin-right: 10px;
}
.three-col-list ul {padding-bottom: 16px;}
.three-col-list ul {
    margin-left: 0 !important;
}
.three-col-list ul {
    text-align: center;
    display: inline-block;
}

#main .three-col-list li a {
    text-decoration: none !important;
    color: #333333 !important;
    font-weight: normal;
}
/* Gallery Styles */
#main ul.gallery{
    margin:0;
    display: flex;
    width: 100%;
    flex-flow: wrap;
}
#main ul.gallery li{
    margin:0;
    padding: 0;
    width: 20%;
}
#main ul.gallery li::before {
    content: " ";
    margin: 0;
}
#main ul.gallery li a{
    height: 100%;
}
#main ul.gallery li img{
    float: left;
    width: 100%;
    height: auto;
    box-sizing:border-box;
	border:1px solid #f4f4f4;
	margin-bottom: 0!important;
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-o-transition:all 300ms; 
	transition:all 300ms;

}
/********************************************************
Table Styles
********************************************************/

#main table {
    width: 100%;
    margin-bottom: 2em !important;
    /* border: solid 1px #a9a9a9; */
    border: solid 1px;
    padding: 0;
    box-sizing: border-box;
}

#main .table,
#main td,
#main th {
    border-collapse: collapse;
    color: #444;
}

#main td,
#main th {
    padding: 5px;
}

#main th {
    background-color: #eaeaea;
    color: #044373;
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    padding: 14px 15px;
}
#main table{
    border-color: rgba(51,51,51,0.12);
}
#main table tr:nth-child(odd) {
    background: #f4f4f4;
}

#main td {
    vertical-align: top;
    padding: 14px;
    box-sizing: border-box;
}

#main table p {
    margin: 0 !important;
}


/* A class is used for formatting tables so nothing weird happens
when someone wants to use a table for layout. */

.dataTable caption {
    font-size: 0.875em;
    font-weight: bold;
    color: #219ee4;
}

.dataTable th,
.dataTable td {
    padding: 5px;
    text-align: center;
}

.dataTable th {
    font-weight: bold;
    color: #fff;
    background: #219ee4;
}

.dataTable td {
    border-bottom: 1px solid #ccc;
}

/* Product Table Styles */
#main .product-table th {
    background-color: #37713b;
    text-align: left;
    color: #ffffff;
    font-size: 21px;
}

#main .product-table td {
    font-size: 19px;
    color: #40484c;
}

/* #main table.product-table tr:nth-child(odd) {
    background: #f4f4f4;
} */
#main table.double-col-head tbody tr:first-child {
    background: #37713b;
}
#main table.double-col-head tbody tr:nth-child(2) th {
    background: #649067 !important;
}

#main table.two-col-table tr td:first-child {
  border-right: 1px solid rgba(51,51,51,0.12);
}

/********************************************************
Float Styles
********************************************************/

#main .right {
    float: right;
    margin: 0 0 20px 20px;
}

#main .right img,
#main img.right {
    height: auto;
}

.img-border {
    border: 1px solid #999;
}

.left {
    float: left;
    margin: 0 10px 10px 0;
}

div .clear {
    height: 0;
}

.clear {
    clear: both;
}


/********************************************************
Social Media Styles
********************************************************/


/********************************************************
Contact Form Styles
********************************************************/
.gform_body ul li::before {
    display: none;
} 
#main form ul li input[type="text"], #main form ul li select, #main form ul li textarea {
    border: 1px solid #b9b9b9;
    background: #efefef;
}

section.social-media a {
    display: inline-block;
    float: left;
    vertical-align: top;
    margin: 0 10px;
}

/**
#main form ul li input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 3px 15px !important;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: #fff;
    border: 2px solid #a2a2a2;
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    opacity: 0.8;
}

#main form ul li input[type="checkbox"]:after {
    content: "";
	    position: relative;
    display: block;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: #d4d4d4;
    border-radius: 10px;
    padding: 8px 12px;
    left: -10px;
    opacity: 1;
}

#main form ul li input[type="checkbox"]:checked,
#main form ul li input[type="checkbox"]:checked:hover {
    border: 2px solid #00599b;
    opacity: 1;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#main form ul li input[type="checkbox"]:checked:after,
#main form ul li input[type="checkbox"]:checked:hover:after {
	content:"";
    left: 10px;
    background: #00599b;
    opacity: 1;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#main form ul li input[type="checkbox"]:hover {
    border: 2px solid #00599b;
    opacity: .5;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#main form ul li input[type="checkbox"]:hover:after {
	content: "";
    background: #00599b;
    opacity: .8;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#main form ul li input[type="radio"] {
    background-color: #d8d8d8;
    border: 1px solid #00599b;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    margin-top: 2px;
    position: relative;
    width: 20px !important;
    -webkit-appearance: none;
    outline: none;
}

#main form ul li input[type="radio"]:checked {
    background: #dedede;
}

#main form ul li input[type="radio"]:after {
	content: "";
    opacity: 0;
    border-radius: 25px;
    display: block;
    height: 10px;
    width: 10px;
    left: 4px;
    top: 4px;
    position: relative;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

#main form ul li input[type="radio"]:checked:after,
#main form ul li input[type="radio"]:checked:hover:after {
	content: "";
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    opacity: 1;
    background-color: #00599b;
}

#main form ul li input[type="radio"]:hover:after {
	content: "";
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    opacity: .5;
    background-color: #00599b;
}

**/

#main .gform_wrapper span.ginput_total, #main .gform_wrapper .gfield_required, #main .gform_wrapper .ginput_left input:focus + label, #main .gform_wrapper .ginput_right input:focus + label, #main .gform_wrapper .ginput_full input:focus + label {
    color: #ce141b;
}

#main form ul li input[type="radio"], #main form ul li input[type="checkbox"] {
	height: 30px; /** Fixes issue where elements aren't breaking correctly. **/
	width: 16px !important;
}

#main form ul li input[type="text"]:focus, #main form ul li select:focus, #main form ul li textarea:focus {
    outline: 1px dashed #727272;
}

#main li.gfield_error input, #main li.gfield_error textarea {
    background: #f8d2d2 !important;
    border: solid 1px #be6565 !important;
}

#main form ul li .ginput_container {
    margin-top: 0;
}

#main form ul li {
    float: left;
    clear: none!important;
    width: 50%;
    margin: 0;
    margin-bottom: 1.2em;
    padding: 0;
    background: none;
    height: auto;
    /* color: #3a3a3a; */
}
#main .gfield_label{
    font-weight: bold;
    color: #85868c;
}

#main form ul li.full-width {
    float: none;
    clear: both!important;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#main form ul li select,
#main form ul li input[type="text"] {
    height: 35px;
}

#main form ul li select[multiple] {
    appearance: none !important;
    background: #efefef !important;
    overflow: hidden;
    padding: 0 !important;
    height: 160px !important;
}

#main form ul li select[multiple] option {
    appearance: none !important;
    padding-left: 10px;
    border-bottom: 1px dashed #737373;
}

#main form ul li select[multiple] option:checked,
#main form ul li select[multiple] option:focus {
    appearance: none !important;
    background: #00599b !important;
}

#main form ul li select {
    background: #efefef url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png) no-repeat !important;
    background-size: 20px !important;
    background-position: right 10px center !important;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#main .gform_wrapper .gform_footer input.button {
    -webkit-appearance: none;
    background: #26436b;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    padding: 14px 0px;
    width: 200px;
    max-width: 100%;
}

#main .gform_wrapper .gform_footer input.button:hover {
    background: #1b54a2;
    cursor: pointer;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: none !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-left: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: none !important;
}

li.gf_left_half,
li.gf_right_half {
    height: 70px;
}

input.medium,
.gform_wrapper select.medium {
    width: 90%!important;
}

.gform_wrapper textarea.medium {
    width: 95%!important;
}

input.button,
a.button {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#main form .empty-field {
    border-left: 4px solid #790000 !important;
}

.required {
    color: #790000;
    font-weight: bold;
}

select::-ms-expand {
    display: none;

}


#main .gform_body .file-upload {
    padding-top: 30px;
    display: block;
}

.gform_body .file-upload input {
    display: none;
}

.file-upload > label:before {
    content: "Choose A File to Upload";
    color: #85868c;
    position: absolute;
    top: -30px;
    left: 0;
    min-width: 175px;
    text-align: left;
}
#main .gform_body .file-upload label {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: #26436b url(/wp-content/themes/dt-the7-child/images/icon-upload.png) no-repeat 20px 11px;
    color: #fff;
    padding: 10px 30px 10px 60px;
    text-align: center;
    background-size: 25px;
    cursor: pointer;
    position: relative;
}

.gform_body .file-upload label:hover {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: #1b54a2 url(/wp-content/themes/dt-the7-child/images/icon-upload.png) no-repeat 20px 11px;
    background-size: 25px;
}

li#field_3_16 .ginput_full label, li#field_3_16 .ginput_left label, li#field_3_16 .ginput_right label {
    color: #7e7e7e;
    margin-bottom: 1.2em;
}

li#field_3_16 input {
    margin-bottom: 0;
}

li#field_3_16 {
    width: 95% !important;
}

#main form ul li#field_3_10 {
    width: 95%;
}

#main form ul li#field_1_10 {
    width: 95% !important;
}

#main form ul li#field_1_10 textarea {
    width: 100% !important;
}

.gform_wrapper div.validation_error {
    color: #b52424;
    border: solid 2px #b52424;
    width: 95%;
    padding: 20px;
}

#main form ul li#field_3_10 textarea {
    width: 100% !important;
}

div#gform_confirmation_message_4 {
    text-align: center;
    color: #fff;
    padding: 45px;
    font-family: Nobel, Helvitica, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
}
#gform_ajax_spinner_4{
    display: none;
}
#main form ul li.one-third {
    width: 32.6%;
}

.gform_wrapper input[type="image"].gform_button {
    transition: all 300ms;
}

.gform_wrapper input[type="image"].gform_button:hover {
    opacity: 0.7;
}

/********************************************************
Blog Styles
********************************************************/
#sidebar .sidebar-content ul li a {
    width: 90%;
}

.details {
    clear: both;
    display: block;
    width: 86px;
    padding: 10px 20px 10px 20px !important;
    color: white;
    text-align: left;
    background: rgb(0,157,87);
    background: linear-gradient(180deg, rgba(0,157,87,1) 0%, rgba(55,113,59,1) 100%);
    border-radius: 6px;
    border: solid 1px #29bd78;
    box-shadow: 0 0 1px 1px #35723c;
    margin-top: 16px;
}

.blog #main aside#sidebar, #main aside#sidebar {
    display: none !important;
}

.blog #main .wf-container-main, .single-post .wf-container-main {
    display: block !important;
}

.details:after {
    display: none;
}

body .details:before {
    /* background: none !important; */
    padding: 0 16px 0 16px;
    background: url(/wp-content/themes/dt-the7-child/images/coroplast-swatch.svg) center left no-repeat;
    content: '';
    opacity: 0.4;
    position: relative;
    background-size: 20px 20px;
    height: 20px;
    width: auto !important;
    float: left;
}

.details:hover {
    color: #fff;
    opacity: 0.85;
}

div.blog-content h3 a {
    color: #37713b !important;
    font-family: "Nobel";
    letter-spacing: 1px;
    font-size: 24px;
    text-decoration: none !important;
}

div.blog-content h3 a:hover {
    text-decoration: underline !important;
}

#sidebar .sidebar-content ul li a {
    text-decoration: none;
    color: #404040;
}

.blog-content {
    font-size: 18px;
    line-height: 30px;
}

#sidebar .widget-title {
    color: #37713b;
}
.articles-list {
    margin-bottom: 32px;
}

/********************************************************
Mobile Button Styles
********************************************************/
.phone-buttons{
display:none;
}
.phone-buttons {
    width: 100%;
    padding: 15px 0;
}

.phone-buttons div {
    font-size: 0.625em;
    float: left;
    width: 33%;
}

.phone-buttons div.clear {
    float: none;
    width: 100%;
}

.phone-buttons span {
    font-weight: normal!important;
    display: block;
    padding-top: 10px;
    text-align: center;
}

.phone-buttons a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-top: 1px solid #d9ee5b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px #61680a;
    box-shadow: 0 0 0 1px #61680a;
}

.phone-buttons a img {
    width: 50px;
    height: 50px;
    border: none;
}
.phone-buttons {
        width: 100%;
        padding: 0 0;
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -o-transition: all 600ms;
        transition: all 600ms;
    }
    .phone-buttons div {
        font-size: 10px;
        position: relative;
        float: left;
        width: 33%;
        height: 50px;
    }
    span.phone-hr {
        position: absolute;
        right: 0;
        height: 30px;
        margin-top: 5px;
        border-right: 1px solid #636c77;
    }
    .phone-buttons a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-top: 0;
        text-align: center;
        border-top: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .phone-buttons a .svg {
        width: 30px;
        height: 30px;
        margin-top: 9px;
        fill: #fff;
    }

/********************************************************
Misc Styles
********************************************************/

#content blockquote {
    border: solid 1px #ccc;
    padding: 30px 30px 30px 70px;
    margin-bottom: 3em;
    position: relative;
}
#content blockquote:before {
    content:'';
    background: #26436b url(/wp-content/themes/dt-the7-child/images/icon-quote.png) no-repeat 14px 16px;
    background-size: 32px;
    height: 60px;
    width: 60px;
    display: block;
    border-radius: 50px;
    position: absolute;
    left: -29px;
    top: 10px;
}

#content blockquote p {
    color: #282828;
    font-size: 1.5em;
    line-height: 1.458;
    font-style: italic;
    margin-bottom: 0;
}

#content blockquote p.quote-name {
    font-weight: 300;
    font-style: normal;
    margin-bottom: 0;
}

#content blockquote p.quote-name span {
    color: #1e8eb8;
    font-style: italic;
    font-weight: 600;
    font-size: 1.125em;
}

.pkgcap figcaption.vc_figure-caption {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    color: white;
}

/********************************************************
Responsive Styles
********************************************************/
@media only screen and (max-width: 1500px){
    #main ul.gallery li{
        width: 25%;
    }
}

@media only screen and (max-width:1350px) {
	#home-tabs-wrap li.ui-state-default a {
		font-size: 20px;
	}

	#home-tabs-wrap div.vc_col-sm-4 a {
		font-size: 22px;
	}
}

@media only screen and (max-width: 1237px){
    #color.list-page-blade .vc_col-sm-2 {
        width: 30%;
		float:none;
    }
	#color.list-page-blade .vc_row {
		text-align: center;
		justify-content: center;
	}

	#color.list-page-blade .vc_col-sm-1 {
		display: none;
	}
	
	#color.list-page-blade .vc_col-sm-2.empty-col {
    	display: none;
	}
	#main ul.gallery li{
        width: 33.33%;
    }
}
@media only screen and (max-width:1136px){
    .main-nav > li > a{
         margin: 18px 7px 18px 7px;
    }
	.industries-row ul li a{
        font-size: 21px;
    }
}

@media only screen and (max-width:1080px){
    .main-nav > li > a .menu-text{
        font-size: 16px;
    }
    .main-nav > li > a{
         margin: 18px 4px 18px 3px;
    }
	.cta-full-width .vc_column_container{
        background-size: cover;
    }
}
@media only screen and (max-width:998px){
    .main-nav > li > a .menu-text{
        font-size: 15px;
    }
	.tbl-container{
		overflow-x: scroll;
	}
}
@media only screen and (max-width:990px){
	#presscore-custom-menu-1-3{
       display: none;
   }
   #custom_html-2{
       width: 100%;
       text-align: center;
   }
	.mini-search{
        padding-right: 10px;
    }
	.industries-row ul li{
        width: 33%;
        margin: 10px!important;
    }
    .industries-row ul li img{
        width: auto;
    }
    .industries-row ul li a{
        font-size: 24px;
    }
	.mini-search {
        padding-right: 0px;
    }
	.mini-search .submit:before{
		margin-top: -8px;
		font-size: 19px
	}
	.three-col-list .vc_column_container{
        width: 100%;
        float: none;
    }
	.three-col-list .vc_inner{
		width: auto !important;
	}
	.card-row {
        flex-wrap: wrap;
        width: 100%;
    }
    .card-row div.vc_column_container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .card-row-img {
        order: 1;
    }
    .card-row div:not(.card-row-img){
        order: 2;
    }
    .card-row-img .vc_column-inner {
		min-height: 0 !important;
	}
    .card-row-img img {
       height: auto;
       width: auto;
    }
	/*#color.list-page-blade .vc_col-sm-2 {
        width: 48%;
    }*/
    .color-block{
        margin: 0 auto;
    }
	 #main ul.gallery li{
        width: 50%;
    }
	
	#main .card-row-img img {
		position: relative;
		transform: none;
		top: auto;
		left: auto;
		max-width: 100% !important;
	}
	
	div.title-descrp {
		padding-bottom: 0 !important;
	}
	.pkgcap figcaption.vc_figure-caption {
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: rgba(0,0,0,0.5);
	}
	.top-bar-wpml.lang-switcher {
		padding: 8px 20px;
	}
}
@media only screen and (max-width: 925px){
    .wpsl-input, .wpsl-select-wrap, .wpsl-search-btn-wrap{
        width: 100% ;
        padding-bottom: 15px;
    }
    #wpsl-search-btn{
       float: none;
    }
    #wpsl-search-wrap .wpsl-select-wrap {
        justify-content:flex-start;
    }
    #wpsl-radius, #wpsl-results{
        width: 100%;
    }
    #wpsl-search-input{
        width: 75% !important;
    }
    .wpsl-select-wrap > div, .wpsl-input{
        justify-content: flex-start;
    }
	#home-tabs-wrap li.ui-state-default a {
    	padding: 20px 8px;
	}
	
	.tp-caption {
		font-size: 28px !important;
	}

	.tparrows {
		bottom: 11px !important;
	}
	
	rs-layer.hero-shadow {
		font-size: 28px !important;
	}
	
	
	.tp-caption br {
		display: none;
	}
	
	#main form ul li.one-third {
		width: 100%;
	}
}
@media only screen and (max-width: 778px){
    .industries-row ul li {
        width: 40%;
        margin: 0.5em !important;
    }
    .industries-row ul li img{
        width: 30%;
    }
	.industries-row ul li a{
        font-size: 21px;
    }
	.cta-full-width .vc_column_container>.vc_column-inner{
        padding: 25px 0 15px 0 !important;
    }
    .cta-full-width h2, 
    .cta-full-width p{
        padding: 0 30px;
    } 
    .cta-full-width p{
       font-size: 21px;
       line-height: 32px;
    }
	.title-descrp{
		font-size: 19px;
	}
	.page-title h1{
		margin-top: 20px;
	}
	.card-row-img .vc_column-inner {
        min-height: 350px;
    }
}

@media only screen and (max-width: 767px) {
	.list-page-blade img.vc_single_image-img, .list-page-blade .vc_single_image-wrapper, .list-page-blade figure.vc_figure {
    	width: 100%;
	}
	#home-tabs-wrap .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
    	margin-bottom: 64px;
	}
	#home-tabs-wrap li.ui-state-default {
    	width: 50%;
		border-bottom:0;
	}
	#home-tabs-wrap ul.ui-tabs-nav {
    	border-bottom: solid 1px #e0e0e0;
	}
	.home-tradeshow-row .wpb_single_image {
		text-align: center;
	}

	.home-tradeshow-row .wpb_column {
		text-align: center;
	}
	.overlap-images {
    	margin-bottom: 32px;
	}
	
	.industries-index .vc_row {
    	display: block;
	}
}
@media only screen and (max-width: 640px){
    input#gform_submit_button_4 {
        width: 80%
    }

}
@media only screen and (max-width: 600px) { 

#main .gform_wrapper ul li{
        width: 100%;
    }
    input.medium, .gform_wrapper select.medium,
    .gform_wrapper textarea.medium{
        width: 99% !important;;
    }
    #main .gform_wrapper ul li select, #content .gform_wrapper ul li input[type="text"] {
    height: 40px;
}
	
	#main .gform_wrapper .gform_footer input.button{
		width: 100%;
	}
	
	.phone-buttons{
	display: block!important;
    z-index: 9999;
    position: fixed;
    bottom: 0px;
    background: #111215;}
	.footer{
	padding-bottom:3.5em;
	}
	.scroll-top{
		    bottom: 60px;
	}
	#subfooter .gform_body ul li{
        width: 90%
    }
    #custom_html-2 .custom-html-widget div{
       width: 100%;
       padding: 0;
	   padding-bottom: 15px;
   }
   #footer .wf-container-footer{
       padding-bottom: 10px;
   }
	.industries-row ul li a{
        font-size: 18px;
    }
	.cta-full-width h2{
        font-size: 30px;
        margin-bottom: 10px !important;
    }
    .cta-full-width .vc_column_container>.vc_column-inner{
        padding: 20px 0 0px 0 !important;
    }
	.card-row-img .vc_column-inner {
        min-height: 300px;
    }
	#color.list-page-blade .vc_col-sm-2 {
        width: 100%;
    }
	
	.industries-row h2 {
		padding: 0 20px;
		font-size: 32px;
		line-height: 1.25;
	}
	
	#card .wpb_text_column {
		padding: 20px !important;
		min-height: auto;
	}
	
	#subfooter .gform_footer {
		width: 90%;
		margin: 16px auto 0 auto;
	}

	body #subfooter .gform_footer input#gform_submit_button_4 {
		min-width: 0;
		max-width: 100%;
		width: 90%;
	}
	
	#content .cta-full-width .dt-btn {
		min-width: 0;
		max-width: 100%;
		width: 90%;
	}
	
	h1.vc_custom_heading {
		font-size: 32px !important;
		line-height: 1.25 !important;
	}
	
}
@media only screen and (max-width: 571px){
    #wpsl-search-input{
        width: 70% !important;
    }
    #wpsl-search-wrap .wpsl-select-wrap{
          flex-flow: wrap;
    }
    .wpsl-select-wrap div label{
        width: 45% !important;
    }
    #wpsl-radius{
        padding-bottom: 15px;
    }
	.tp-caption {
		display: none !important;
	}

	.tparrows {
		display: none;
	}
	
	rs-layer.hero-shadow, rs-arrow {
		display:none !important;
	}
}

@media only screen and (max-width: 450px) {
	#home-tabs-wrap li.ui-state-default {
    	width: 100%;
	}
}

@media only screen and (max-width:400px) {
	#content .cta-full-width .dt-btn {
		font-size: 16px;
		text-transform: none;
	}

	#content .dt-btn:before {
		padding: 0 16px 0 16px;
	}
}

.home.page-id-2761 rs-layer#slider-1-slide-1-layer-5 {
    font-size: 0 !important;
}
.home.page-id-2761 rs-layer#slider-1-slide-1-layer-5:before {
    content:'La marque la plus réputée et la gamme de produits la plus large dans le domaine de la feuilles de plastique corrugé.';
    font-family: Raleway;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    line-height: 42px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 32px;
    padding: 16px 80px;
    width: 1200px;
    max-width:100%;
    margin:0 auto;
    display: block;
}

.phantom-slide .masthead{
	top: 32px! important;
}