/*
 Theme Name:   The7 Child Theme
 Author:       Grant Kahale
 Template:     dt-the7
 Version:      1.0.0
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

@import url("../dt-the7/style.css");


.home .sub-text {
    cursor: pointer !important;
    margin-left: 10px;
    margin-top: -80px;
    position: absolute;
    width: auto;
    z-index: 99999999 !important;
}

.home .sub-text * {
    text-align: left !important;
}



.footer .widget-title {
    color: #fdb813 !important;
    margin-bottom: 45px;
}


.footer .recent-posts li, .footer .tp_recent_tweets li, .footer .testimonials.list-view li, .footer .menu li, .footer .custom-menu li, .footer .custom-nav > li, .footer .widget-custom-nav li, .footer .widget_pages li, .footer .widget_recent_comments li, .footer .widget_categories li, .footer .widget_meta li, .footer .blogroll li, .footer .widget_archive li, .footer .widget_recent_entries li, .footer .st-accordion li, .footer .contact-info li, .footer .custom-categories li, .footer .qts-lang-menu li {
    border-color: rgba(0, 0, 0, 0.75) -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 0 medium medium;
}



#top-bar {
    color: #fdb813;
    font-size: 12px;
    line-height: 40px;
    top: 15px;
    padding-right: 35px; 
}

.testimonial-item .testimonial-vcard .text-primary, .testimonial-item .testimonial-vcard .text-primary * {
color: #fdb813 !important;
}





#main-nav > li > a {
font-family: 'Roboto', sans-serif !important;
font-size:16px;
}


h1 {
    color: #000000;
}

h3 {
    color: #ffffff !important;
font-weight: bold;
}


#main {
    padding: 0 !important;
}

#main-nav {
    margin-top: 50px;
}


#header {
    background: none repeat scroll center top #000000;
    border-bottom: 0 solid rgba(218, 222, 225, 0.7) !important;
}



#top-bar .wf-float-left {
	font-size: 25px;
	float: right !important;
}

#header {
	margin-top: -45px;
}

#header .wf-table {
	z-index: 111;
}

/***** Banner-home ***/
.banner-home {
	width: 19.666667%;
}

.shortcode-banner-link {
	min-height: 230px !important;
}

.banner-home .shortcode-banner-bg {
	min-height: 230px !important;
	
	background-color: rgba(0,0,0,0.5);
	height: 230px;
}

.full-width-wrap > .banner-home, .banner-home2, .banner-home3, .banner-home4, .banner-home5 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.banner-home .shortcode-banner-bg:hover {
	background-color: rgba(0,0,0,-0.5);
} 

.banner-home .shortcode-banner-inside {
	outline: none !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 80px solid #fdb813 !important;
	border-right: 80px solid transparent !important;
	border-left: none !important;
	border-bottom: none !important; 
	display: inline-block;
	padding: 0 !important;
}

.shortcode-banner.shortcode-banner-link:hover {
	opacity: 1.8 !important;
	min-height: 230px !important;
}

.banner-home2 {
	width: 19.666667%;
}

.banner-home2 .shortcode-banner-bg {
	min-height: 230px !important;

	background-color: rgba(0,0,0,0.5);
	height: 230px;
}

.banner-home2 .shortcode-banner-bg:hover {
	background-color: rgba(0,0,0,-0.5);
} 

.banner-home2 .shortcode-banner-inside {
	outline: none !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 80px solid #fdb813 !important;
	border-right: 80px solid transparent !important;
	border-left: none !important;
	border-bottom: none !important; 
	display: inline-block;
	padding: 0 !important;
}

.banner-home3 {
	width: 19.666667%;
}

.banner-home3 .shortcode-banner-bg {
	min-height: 230px !important;

	background-color: rgba(0,0,0,0.5);
	height: 230px;
}

.banner-home3 .shortcode-banner-bg:hover {
	background-color: rgba(0,0,0,-0.5);
} 

.banner-home3 .shortcode-banner-inside {
	outline: none !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 80px solid #fdb813 !important;
	border-right: 80px solid transparent !important;
	border-left: none !important;
	border-bottom: none !important; 
	display: inline-block;
	padding: 0 !important;
}

.banner-home4 {
	width: 19.666667%;
}

.banner-home4 .shortcode-banner-bg {
	min-height: 230px !important;

	background-color: rgba(0,0,0,0.5);
	height: 230px;
}

.banner-home4 .shortcode-banner-bg:hover {
	background-color: rgba(0,0,0,-0.5);
} 

.banner-home4 .shortcode-banner-inside {
	outline: none !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 80px solid #fdb813 !important;
	border-right: 80px solid transparent !important;
	border-left: none !important;
	border-bottom: none !important; 
	display: inline-block;
	padding: 0 !important;
}

.banner-home5 {
	width: 19.666667%;
}

.banner-home5 .shortcode-banner-bg {
	min-height: 230px !important;

	background-color: rgba(0,0,0,0.5);
	height: 230px;
}

.banner-home5 .shortcode-banner-bg:hover {
	background-color: rgba(0,0,0,-0.5);
} 

.banner-home5 .shortcode-banner-inside {
	outline: none !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 80px solid #fdb813 !important;
	border-right: 80px solid transparent !important;
	border-left: none !important;
	border-bottom: none !important; 
	display: inline-block;
	padding: 0 !important;
}

.h1-roboto {
	font-family: 'Roboto', sans-serif;
	font-size: 40px !important;
}

.vc_separator .vc_sep_holder .vc_sep_line {
	border-top: 3px solid #fdb813 !important;
	margin-top: 20px;
}



.testimonial-content {
	text-align: center;
}


.testimonial-vcard {
	width: 100%;
	margin-top: 35px;
}

.text-primary {
	margin: auto;
	display: table;
}

.no-avatar {
	display: none; 
}


.testimonial-item {
	border: none;
}

.row-testimonials h2 {
 	color: #fdb813 !important;
}

.stripe-style-1 {
	color: none !important;
}

.rsCont .rsBullet {
	display: inline-block;
	margin: 0 5px 0 5px;
	width: 15px;
	height: 15px;
	border: 1px solid #777777;
	background-size: 3px 3px;
}

.rsCont .rsBullet.rsNavSelected {
	background: #fdb813;
}

.stripe-style-1 .rsCont .rsBullet {
	background-image: none;
}

.rsCont .rsBullets {
	margin-top: 5px;
}

.footer {
	background: #1e1e1e !important;
	border-top: none !important;
	z-index: 111111;
	margin-top: -1px;
}

.footer .widget {
	width: 20% !important;
}

.footer .widget-title {
	color: #ffffff !important;
}

.footer a {
	color: #ffffff !important;
}

.footer ul {
	margin-top: -20px;
}

.bottom-text-block p {
	margin-top: -35px;
}

.footer .widget_pages li {
	border: none !important;
}

.widget_pages li {
	margin: 0 !important;
	padding: 0 !important;
}

#main {
	padding: 30px 0 0px !important;
}





/********* About Page **********/
.ul-sidebar{
	margin-left: 0px !important;
}

.li-active {
	list-style: none !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 90px;
	background: #fdb813;
}

.li-hover {
	list-style: none !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 90px;
}

.li-hover:hover {
	background: #fdb813;
}

.li-hover a {
	text-decoration: none !important;
	color: #000000;
}

.li-active a {
	text-decoration: none !important;
	color: #000000;
}











.about-p .wpb_wrapper {
	color: #000000 !important;
}



/********** service page **************/
.h1-service {
	margin-left: 300px;
}

.footer .page-item-5 {
	display: none !important;
}

/*** mobile version *******/
/****slider*****/

@media (min-width: 1680px) and (max-width: 1800px) {
	.h1-slide {
		margin-left: 135px !important;
	}
}

    .banner-home .sub-text .wpb_wrapper h3,
    .banner-home2 .sub-text .wpb_wrapper h3,
    .banner-home3 .sub-text .wpb_wrapper h3,
    .banner-home4 .sub-text .wpb_wrapper h3,
    .banner-home5 .sub-text .wpb_wrapper h3{
        overflow: hidden;
    }
    
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .banner-home .sub-text .wpb_wrapper h3,
    .banner-home2 .sub-text .wpb_wrapper h3,
    .banner-home3 .sub-text .wpb_wrapper h3,
    .banner-home4 .sub-text .wpb_wrapper h3,
    .banner-home5 .sub-text .wpb_wrapper h3{
        text-align:left;
    }
    
	#top-bar > span:after {
		display: none;
	}

	#top-bar {
		visibility: hidden !important;
	}

	.dl-menu {
		background: #000000 !important;
	}

	.dl-menuwrapper li.act > a {
		color: #ffffff !important;
	}

	.dl-menuwrapper li.act > a:hover {
		color: #ffffff !important;
	}

	.no-touch .dl-menuwrapper li > a:hover {
		color: #ffffff !important;
	}

	.sub-nav li.has-children.act.level-arrows-on:after, #top-bar .sub-nav li.has-children.act:after, #bottom-bar .sub-nav li.has-children.act:after, .no-touch .dl-menuwrapper li.has-children:hover > a:after, .touch .dl-menuwrapper li.has-children:active > a:after, .dl-menuwrapper li.has-children.act > a:after {
		background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%226px%22%20height=%229px%22%20viewBox=%220%200%206%209%22%20enable-background=%22new%200%200%206%209%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22%23ffffff%22%20points=%221.557,0.766%205.24,4.534%201.712,8.256%200.557,7.219%203.295,4.474%200.557,1.797%20%22/%3E%3C/svg%3E") !important;
	}

	.dl-submenu {
		background: #000000 !important;
	}

	.no-touch .dl-menuwrapper li.dl-back a:hover span:before, .touch .dl-menuwrapper li.dl-back a:active span:before {
		background-image: url("data:image/svg+xml,%3Csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%09%20width='10px'%20height='7px'%20viewBox='0%200%2010%207'%20enable-background='new%200%200%2010%207'%20xml:space='preserve'%3E%3Crect%20x='3.5'%20y='2'%20fill='%23ffffff'%20width='6.5'%20height='3'/%3E%3Cpolyline%20fill='%23ffffff'%20points='4.031,7%200.068,3.5%204.031,0%20'/%3E%3C/svg%3E") !important;
	}

	.banner-home {
		width: 50% !important;
	}

	.banner-home2 {
		width: 50% !important;
	}

	.banner-home3 {
		width: 50% !important;
	}

	.banner-home4 {
		width: 50% !important;
	}

	.banner-home5 {
		width: 50% !important;
	}

	.banner-home .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home2 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home2 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home3 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home3 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home4 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home4 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home5 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home5 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	#bottom-bar .wf-float-left {
		margin-bottom: 40px !important;
	}

	.h1-slide {
		left: 20px !important;
	}

}
/****** mobile phones ********/
@media (max-width: 480px) {
    .ls-l.h1-slide {
        font-size: 1rem !important;
        line-height: 1.3rem !important;
    }
}
/****** mobile phones ********/
@media (max-width: 767px) {
    .banner-home .sub-text .wpb_wrapper h3,
    .banner-home2 .sub-text .wpb_wrapper h3,
    .banner-home3 .sub-text .wpb_wrapper h3,
    .banner-home4 .sub-text .wpb_wrapper h3,
    .banner-home5 .sub-text .wpb_wrapper h3{
        text-align: left;
    }
.ls-l.h1-slide {
    font-size: 1.3rem !important;
    line-height: 1.8rem !important;
}
    
	#top-bar > span:after {
		display: none;
	}

	#top-bar {
		visibility: hidden !important;
	}

	.dl-menu {
		background: #000000 !important;
	}

	.dl-menuwrapper li.act > a {
		color: #ffffff !important;
	}

	.dl-menuwrapper li.act > a:hover {
		color: #ffffff !important;
	}

	.no-touch .dl-menuwrapper li > a:hover {
		color: #ffffff !important;
	}

	.sub-nav li.has-children.act.level-arrows-on:after, #top-bar .sub-nav li.has-children.act:after, #bottom-bar .sub-nav li.has-children.act:after, .no-touch .dl-menuwrapper li.has-children:hover > a:after, .touch .dl-menuwrapper li.has-children:active > a:after, .dl-menuwrapper li.has-children.act > a:after {
		background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%226px%22%20height=%229px%22%20viewBox=%220%200%206%209%22%20enable-background=%22new%200%200%206%209%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22%23ffffff%22%20points=%221.557,0.766%205.24,4.534%201.712,8.256%200.557,7.219%203.295,4.474%200.557,1.797%20%22/%3E%3C/svg%3E") !important;
	}

	.dl-submenu {
		background: #000000 !important;
	}

	.no-touch .dl-menuwrapper li.dl-back a:hover span:before, .touch .dl-menuwrapper li.dl-back a:active span:before {
		background-image: url("data:image/svg+xml,%3Csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%09%20width='10px'%20height='7px'%20viewBox='0%200%2010%207'%20enable-background='new%200%200%2010%207'%20xml:space='preserve'%3E%3Crect%20x='3.5'%20y='2'%20fill='%23ffffff'%20width='6.5'%20height='3'/%3E%3Cpolyline%20fill='%23ffffff'%20points='4.031,7%200.068,3.5%204.031,0%20'/%3E%3C/svg%3E") !important;
	}

	.banner-home {
		width: 100% !important;
	}

	.banner-home2 {
		width: 100% !important;
	}

	.banner-home3 {
		width: 100% !important;
	}

	.banner-home4 {
		width: 100% !important;
	}

	.banner-home5 {
		width: 100% !important;
	}

	.banner-home .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home2 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home2 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home3 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home3 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home4 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home4 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	.banner-home5 .shortcode-banner-bg {
		background-color: rgba(0,0,0,0.5) !important;
	}

	.banner-home5 .shortcode-banner-bg:hover {
		background-color: rgba(0,0,0,-0.5) !important;
	} 

	#bottom-bar .wf-float-left {
		margin-bottom: 40px !important;
	}

	.h1-slide {
		left: 20px !important;
		font-size: 30px !important;
	}
	
	#layer-2 {
		top: 327px !important;
	}

	#layer-4 {
		top: 257px !important;
	}

	.footer .widget {
		width: 100% !important;
		text-align: center;
	}

	.footer .widget-title {
		text-align: center;
		margin-left: -15px;
	}

	.h1-service {
		margin-left: 0px !important;
	}
}



/*CUSTOM SIDE NAV MENU*/

.custom-nav > li > a:hover, .custom-nav > li.act > a, .custom-nav > li > ul a:hover, .content .widget .custom-categories a:hover {
color: #000000 !important;
background-color: #fdb813; 
font-size:16px !important;
line-height:18px !important;
text-transform: uppercase !important;
font-family: 'Roboto', sans-serif;
}

.custom-nav > li > a {
font-size:16px !important;
line-height:18px !important;
text-transform: uppercase !important;
color: #000000 !important;
font-family: 'Roboto', sans-serif;
}

.content .custom-nav > li > a, .content .custom-nav > li > ul a {
    padding: 16px !important;
}

.sidebar-content {
    background: none !important;
    border: 0px !important;
}

.content .widget, .content .sidebar-content .widget:first-child {
    padding: 0;
}

.custom-nav > li > ul a {
    margin-bottom: 5px !important;
}

.widget-custom-nav {
    margin-bottom: 25px;
}

/*CUSTOM SIDE NAV MENU - FINISH HERE*/