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

/*from theme-options advanced custom css*/
.wpcf7-valid-tip-text{color:#ffe800;}
.main-nav>li>a, .mini-nav li>a{
	border-bottom: 1px dotted;
	min-width:80px;
}
.branding{
	position: absolute;
	top: 23px;
}
#primary-menu{
	position: absolute;
	right: 150px;
	top: 10px;
	width: 350px;
}
#bottom-menu{
	position: absolute;
	right: 100px;
	top: -25px;
	width: 350px;
}
div.entry-meta{
	position: absolute;
	left: -100px;
}
h3.entry-title a,div.entry-meta a, .connect-to-gallery a{
	pointer-events: none;
	cursor: default;
}
.mini-nav li>a{
	padding-right:4px;
	margin-right:25px;
	text-decoration:none;
}
#bottom-bar .mini-nav:not(.select-type-menu)>ul>li{
	margin-right:0px;
}
#bottom-bar{
	font-size:12px;
	padding:10px 0;
}
#bottom-bar .mini-nav ul>li.act>a, #bottom-bar .mini-nav>ul>li>a:hover{
	color:#ffe800;
}
#bottom-bar .mini-nav ul>li.act>a .menu-item-text, #bottom-bar .mini-nav>ul>li>a:hover .menu-item-text{
	text-decoration:none;
}
h3.entry-title, .entry-excerpt h3{
	font-size:12px;
	color:#ffe800;
}
div.about, div.philosophy{
	position:relative;
	margin-bottom:0px !important;
}
.about .ult-team-member-bio-wrap, .philosophy .ult-team-member-bio-wrap{
	position: absolute;
	width:100%;
}
.about .ult-team-member-bio-wrap{
	top:50%;
	margin-top:-145px;
}
.about .ult-team-member-bio-wrap p{
	margin-bottom:10px !important;
}
.philosophy .ult-team-member-bio-wrap{
	bottom:0px;
}
.about .ult-team-member-bio-wrap a{
	text-decoration:none;
	color:#ffffff;
}
.ult-new-ib.team{
	margin:0px !important;
}
.ult-new-ib.team{
	text-align:left !important;
	background:#000000 !important;
}
.ult-new-ib.team .ult-new-ib-content{
	padding:20px !important;
	max-height:inherit !important;
}
.ult-team-member-wrap.philosophy .ult-team-member-description{
	padding:0px 20px;
}
.ult-new-ib.team .ult-new-ib-content h2, .ult-team-member-wrap.philosophy .ult-team-member-description h2, .media h3.entry-title,
.home h3.entry-title, .page-id-1052 h3.entry-title{
	font-size:14px;
	color:#ffffff;
	background-color:#282828 !important;
	padding:5px 7px;
	text-align:left;
	display:inline-block;
	font-weight:300 !important;
	line-height:18px !important;
}
.mode-grid.albums-shortcode .entry-title{font-size:14px;}
.media p, textarea, .rollover-content{
	line-height:18px;
}
.ult-new-ib.team .ult-new-ib-content h2 strong, .ult-team-member-wrap.philosophy .ult-team-member-description h2{
	color:#ffe800 !important;
	font-weight: 300;
}
.mfp-bottom-bar{
	position:absolute;
	margin-top:0px;
	top:auto;
	bottom:40px;
	padding:10px;
}
.post-thumbnail-wrap{
	/*display:none;*/
}
input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea{
	padding:2px 5px;
	margin-bottom:0px;
	max-width:310px !important;
	width:302px !important;
}
input[type="submit"]{
	background-color: rgba(0, 0, 0, 0);
	border:1px solid #ffffff;
	padding-left:35px;
	padding-right:35px;
}
div.wpcf7-validation-errors{
	border:none;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section{
	padding-top:0px;
}
body.no-mobile div.contact{
	height:800px;
	margin-bottom:350px;
}
body.no-mobile div.contact.contact-right{
	border-left:1px solid #ffffff;
}
.contact{
}
.contact a{
	text-decoration:none;
	color:#ffffff;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{
	margin-bottom:0px;
}
#social-media{
	position:absolute;
	right:87px;
	bottom:0px;
	z-index:10;
}
#footer .wf-container-footer{
	padding:0px;
	height:0px;
}
.mfp-counter{
	top:auto;
	right:37px;
	bottom:13px;
}
.mfp-close, .connect-to-gallery .slotholder{
	cursor:pointer !important;
}
.mfp-arrow{
	width:20px;
	height:25px;
	top:auto !important;
	bottom:10px;
	margin:0px;
}
.mfp-arrow::after{
	height:22px;
	width:20px;
	top:2px;
}
.mfp-arrow-left{
	left:auto;
	right:70px;
}
.mfp-arrow-right{
	right:10px
}
.mfp-arrow-left::before{
	border-right:none;
}
.mfp-arrow-right::before{
	border-left:none;
}
.mfp-arrow::after, .mfp-arrow::before{
	margin-top:-4px;
}
.mfp-arrow-left::after, .mfp-arrow-right::after{
	margin-left:0px;
}
.mfp-arrow:after, .mfp-arrow-left:after, .mfp-arrow-right:after{
	border:none;
}
.mfp-arrow-left::after{
	/*background: url("http://chandler.papdan.com/wp-content/uploads/2017/03/arrow_left.png") center center black no-repeat;*/
	content: "\f104";
	font-family: FontAwesome;
	font-size: 24px;
}
.mfp-arrow-right::after{
	/*background: url("http://chandler.papdan.com/wp-content/uploads/2017/03/arrow_right.png") center center black no-repeat;*/
	content: "\f105";
	font-family: FontAwesome;
	font-size: 24px;
}
.project_desc p{
	white-space: pre-line;
	margin-bottom:5px !important;
	line-height:18px;
	font-size:14px;
}
body.no-mobile .project_desc p{
	white-space: pre-line;
	margin-bottom:10px !important;
	line-height:18px;
	font-size:14px;
}

.expand{
	cursor:pointer;
}
.album-slider{
	display:none;
}
.articles-list h3.entry-title{
	display:none;
}

.blog-shortcode.blog-list-shortcode-id-1:not(.mode-masonry) article{
	margin-top:20px !important;
}
body.no-mobile .blog-news-img{
	padding-left:0px;
	padding-right:0px;
	margin-left:15px;
	margin-right:15px;
	border-bottom:1px solid #ffffff;
}
body.no-mobile .blog-news .blog-news-date{
	text-align:right;
	padding-bottom:0px;
}
.blog-news{
	border-bottom:1px solid #ffffff;
}
body.no-mobile .blog-news{
	border-bottom:none !important;
}
.google-map {
	position:relative;
	height:2400px;
	overflow:hidden;
}
body.no-mobile .google-map{
	height:2400px;
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
	.mfp-img-mobile .mfp-counter{
		right:35px;
		top:0px;
	}
	.mfp-img-mobile .mfp-bottom-bar{
		background:none;
	}
	.mfp-img-mobile .mfp-arrow{
		bottom:5px;
	}
}

.hidden{
display: none;
}

@media screen and (max-width: 500px){
  .sticky-mobile-header .mobile-header-space {
    display: none;
  }
}
/*end of theme-options advanced custom css*/

/**********/
.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full {
	display: none;
}

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

body.no-mobile .content.news{
	padding: 100px 0 !important;
}
.content.news{
	padding: 100px 0 !important;
}
.post.bg-on, .post.bg-on.fullwidth-img.format-quote, .post.bg-on.fullwidth-img.format-link{
	background-color: transparent;
}
.blog-news .blog-news-date{
	color: #ffe800;
	text-transform: uppercase;
	padding-bottom: 15px;
	font-weight: 300;
}
.blog-news .blog-news-content .news-title{
	color: #ffe800;
	text-transform: uppercase;
	font-weight: 300
}
.blog-news .blog-news-img img{
	padding-bottom: 30px;
}
.page-template-template-news #main{
	
	background-attachment: fixed;
}
#footer.footer{
	min-height: 90px;
}
#footer #social-media{
	bottom: 21px;
}
.project-banner{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.mfp-title-wrap{
	display: none 
}
.wf-cell .entry-title a{
	background: #282828 !important;
}
.cont-id-0{
	margin: 0px -1px !important;
}
.project-slider .vc_row{
	margin: 0px !important;
}
.contact label{
	font-weight: 300;
}
.inline-message-style div.wpcf7-mail-sent-ok{
	border: 0px;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
}
.yellow-header{
	color: #ffe800;
}
.google-map, .google-map .vc_column-inner, .google-map .wpb_wrapper, .google-map .wpb_content_element{
	height: 100%;
}
.ult-ib-effect-style2 .ult-new-ib-title{
	/*display: none !important;*/
}
.ult-ib-effect-style2 .ult-new-ib-title {
    position: relative !important;
    width: auto !important;
    font-size: 14px !important;
    color: #ffe800 !important;
    background-color: #282828 !important;
    padding: 5px 7px !important;
    text-align: left !important;
    display: inline-block !important;
    line-height: 18px !important;
}
.ult-ib-effect-style2:hover .ult-new-ib-title{
 display:none !important;
}
.ult-ib-effect-style2 .ult-new-ib-title {
 top:95% !important;
 left:7px !important;
}
.rev_slider .caption, .rev_slider .tp-caption{
	font-size: 14px !important;
	font-weight: 300 !important;
}
div.wpcf7-response-output {
	margin: 0px !important;
	padding: 5px 10px !important;
}
.team .ult-new-ib-content{
	font-weight: 300 !important;
}
.hover-style-one .rollover-content, .accent-gradient .hover-style-one .rollover-content{
	background: rgba(0,0,0,0.45) !important;
}
.main-nav .sub-nav > li:not(.wpml-ls-item) > a .menu-text, .mini-nav .sub-nav > li:not(.wpml-ls-item) > a .menu-text{
	text-transform: uppercase;
}
@media screen and (max-width: 768px){
	#bottom-bar .mini-nav select, #bottom-bar .menu-select{
		display: none !important;
	}
	#bottom-bar .wf-table, #bottom-bar .wf-td{
		text-align: left !important;
		padding: 0 15px;
	}
	#social-media{
		right: 60px !important;
	}
	.content.news{
		padding: 50px 0 !important;
	}
}

@media screen and (max-width: 568px){
	.rollover-content p, .rollover-content .entry-meta{
		display: block !important;
	}
	.contact-right {
		padding: 25px 0;
	}
	.google-map{
		height: 500px !important;
	}
	.content.news{
		padding: 0 !important;
	}
}

.contact-right input[type=text], .contact-right input[type=tel], .contact-right input[type=url], .contact-right input[type=email], .contact-right input[type=number], .contact-right input[type=date], .contact-right input[type=range], .contact-right input[type=password], .contact-right select, .contact-right textarea,
.contact-right input[type=text]:focus, .contact-right input[type=tel]:focus, .contact-right input[type=url]:focus, .contact-right input[type=email]:focus, .contact-right input[type=number]:focus, .contact-right input[type=date]:focus, .contact-right input[type=range]:focus, .contact-right input[type=password]:focus, .contact-right textarea:focus{
	background-color: rgba(0,0,0,0.7);
	color: #fff !important;
	border: 0;
	max-width: 297px;
}
.contact-right .wpcf7-form input[type=submit] {
	background-color: rgba(0,0,0,0.7);
	padding-left:35px;
	padding-right:35px;
}
.tp-bullet-image, .tp-bullet-imageoverlay, .tp-bullet-title{
	display: none;
}

.post-thumbnail>.post-thumbnail-rollover:hover:after, .on-hover .post-thumbnail>.post-thumbnail-rollover:after{opacity: 60% !important; background-color: #000;}
.post-entry-content .post-entry-wrapper .entry-excerpt p{font-weight: 400 !important;}

.rollover-project .pre-entry-title{
	opacity: 1;
	-webkit-transform-transition: visibility 0.5s, opacity 1s ease;
	-moz-transform-transition: visibility 0.5s, opacity 1s ease;
	-o-transition: visibility 0.5s, opacity 1s ease;
	transition: visibility 0.5s, opacity 1s ease;
}
.rollover-project:hover .pre-entry-title{
	opacity: 0;
	-webkit-transform-transition: visibility 0s, opacity 0.5s ease;
	-moz-transform-transition: visibility 0s, opacity 0.5s ease;
	-o-transition: visibility 0s, opacity 0.5s ease;
	transition: visibility 0s, opacity 0.5s ease;
}

.team h2.ult-new-ib-title{
    font-size: 14px;
    color: #ffffff !important;
    background-color: #282828 !important;
    padding: 5px 7px;
    text-align: left;
    display: inline-block;
    font-weight: 300;
    line-height: 18px;
}
.team h2.ult-new-ib-title strong{
	color: #ffe800 !important;
    font-weight: 300;
}

.mobile-false .rollover-content,
.mobile-true .rollover-content {
	opacity: 0;
}

/*
	bug fix ONLY ON IPAD
	since there's bug [the7 version - 7.6.0]
		- when tap (mobile) the album on homepage (project) 
		- it's firing 2x, so the image gallery showed right after
			> what suppose to be happened is
				> tap > show details > tap > show album photo
				NOT
				> tap > show details & album photo
	do show the content
*/
.mobile-true .rollover-content {
	/*opacity: 1;*/
}

.mobile-true .rollover-project .pre-entry-title {
	/*opacity: 0;*/
}
/*end of bug fix*/

/*gallery images viewer*/
.pswp .pswp__ui .pswp__caption {
	display: none;
}
/*end of */
@media screen and (max-width: 990px){
	.mode-grid.albums-shortcode p{line-height: 18px}
}


@media screen and (min-width: 768px){
	.content-rollover-layout-list .entry-excerpt, .content-rollover-layout-list .post-details{height:0}
	.content-rollover-layout-list article:hover .entry-excerpt{height:auto}
}