/*
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
*/
	
	
	/*header*/
	.menu-item-10097 .menu-text{ background:#A44A25; border-radius: 8px; padding: 3px 18px}
	.menu-item-10097 .menu-text:hover{ background:#000;}
	
	
	.home-five-columns{ margin-top: -190px !important}
	
	.home-five-columns .vc_col-sm-2{
		float: left;
		width: 19.5%;
		padding: 0;
		margin-right: .5%;
		min-height: 0;
	}
	.home-five-columns .home-five-columns-last {
		margin: 0 !important;
	}
	
	.five-columns .vc_col-sm-2{
		float: left;
		width: 19.5%;
		padding: 0;
		margin-right: .5%;
		min-height: 0;
	}
	.five-columns .five-columns-last {
		margin: 0 !important;
	}

	.sub-five-columns{ margin-top: 0px !important}
	
	.sub-five-columns .vc_col-sm-2{
		float: left;
		width: 19.5%;
		padding: 0;
		margin-right: .5%;
		min-height: 0;
	}
	.sub-five-columns .home-five-columns-last {
		margin: 0 !important;
	}
	
	.home-welcome h1{ color:#A44A25}
	
	
	.vc_col-sm-2 .ult-new-ib-title {
		font-size: 22px;
		line-height: 24px;
		text-align: left;
		padding-left: 20px !important;
		padding-top: 0px !important;
	}
	
	.vc_col-sm-2 .ult-new-ib-content {
	
		font-size: 15px;
		line-height: 18px;
		text-align: left;
		padding: 0 0 0 20px !important;
		
	
	}

	.ult-ib-effect-style4 .ult-new-ib-desc:hover{background: rgba(0, 0, 0, 0.6) !important; padding: 50px 30px 30px 20px !important}
	.ult-ib-effect-style4 .ult-new-ib-desc::before{top: 40px !important;right: 15px !important;bottom: 40px !important;left: 15px !important;}
	.ult-ib-effect-style4 .ult-new-ib-desc::after{top: 30px !important;right: 30px !important;bottom: 30px !important;left: 30px !important;}
	
	.ult-new-ib.ult-ib-effect-style4.ult-ib-resp{ border: 3px solid #138BCA !important}
	
	.home-vision h2{ font-size: 42px !important; color:#A44A25 !important}
	.wp-image-10121{ width:100%}
	
	
	.home-social .solid-bg.sidebar-content .widget{ background: none}
	.home-social h4{ font-weight:normal !important; color: #fff !important; font-size:24px}
	.home-social h4 a{ font-weight:normal !important; color: #fff !important}
	.home-social h4 a{ font-weight:normal !important; color: #fff !important; text-decoration:none}
	#wpzoom_instagram_widget-2{ padding:0 0 0 0 !important}
	.home-social .wpb_content_element{ margin-bottom: 0px !important}
	
#facebookwraper,	
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
	width: 100% !important;
	border:0px solid #000;
	height: 450px !important;
	background:#fff !important;
}
	
	
	.home-sponsor h2{ font-size: 42px !important; color:#3C4A5C}
	.home-sponsor img{ margin-top: -15px; margin-bottom: -15px}
	
	.footer .widget-title{ font-size: 22px !important}
	.footer a:hover{ color:#fff !important; text-decoration:underline !important}
	
	 .mpb-shotcode-buttons{ padding:0 0 0 0 !important; width:100% !important; position: relative !important;display: block;border: 0px solid #000;}
	.btn-bg-10312{ background: url(footer-img1.jpg) no-repeat !important; background-size: 100% !important; width: 100% !important; height:153px; margin:0 0 0 -10px !important; padding:0 0 0 0 !important}
	
	.mbox-title.text-center, .mpb-buttons.text-center{ display: none}
	.md-content_10312.modaltwo_10312{ background:#2C3642 !important}
	.md-overlay{ background: rgba(0, 0, 0, 0.8)}
	.gform_wrapper .gform_footer{ padding:0 0 0 0 !important}
	#gform_submit_button_1{ border: 1px solid #A44A25 !important; background:#A44A25 !important}
	


@font-face {font-family: "Alright";
  src: url("/wp-content/uploads/fonts/AlrightSans.eot"); /* IE9*/
  src: url("/wp-content/uploads/fonts/AlrightSans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/wp-content/uploads/fonts/AlrightSans.woff2") format("woff2"), /* chrome、firefox */
  url("/wp-content/uploads/fonts/AlrightSans.woff") format("woff"), /* chrome、firefox */
  url("/wp-content/uploads/fonts/AlrightSans.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/wp-content/uploads/fonts/AlrightSans.svg#Alright") format("svg"); /* iOS 4.1- */
}




.vc_gutenberg iframe{ width: 100% !important;}

	/*Responsive*/
	
	@media screen and (max-width: 1920px) {
		body{ border: 0px solid #F00 !important;} /*red*/
		
		/*
		.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar{ width: 1300px !important}
		.ult-new-ib-title{ font-size: 28px !important}
		.ult-new-ib-content{ font-size: 18px !important; padding-top: 20px !important}
		*/
	}
	@media screen and (max-width: 1024px) {
		body{ border: 0px solid #000 !important;} /*black*/
		
		
		.home-five-columns{ margin-top: -120px !important}
		.mobile-header-bar .mobile-branding img{ width:80%; padding: 15px !important}

		.menu-item-10097 a span span.menu-text{ color:#fff !important}
		
		.ult-new-ib-title{ font-size: 18px !important}
		.ult-ib-effect-style4 .ult-new-ib-desc:hover{padding: 50px 0px 0px 0px !important}
		.ult-new-ib-content{ display: none !important}
		
		.ult-ib-effect-style4 .ult-new-ib-desc::before {
		
			top: 40px !important;
			right: 5px !important;
			bottom: 40px !important;
			left: 5px !important;
		
		}
		.ult-ib-effect-style4 .ult-new-ib-desc::after {
		
			top: 30px !important;
			right: 15px !important;
			bottom: 30px !important;
			left: 15px !important;
		
		}
		#facebookwraper,	
		.fb-page, 
		.fb-page span, 
		.fb-page span iframe[style] { 
			height: 335px !important;
		}

	}
	
	/* !- 800 (portrait tablets (big) and landscape phones (big)) */
	@media screen and (max-width: 800px) {
		body{ border: 0px solid #F00 !important;} /*red*/
	}
	
	@media screen and (max-width: 960px) {
		body{ border: 0px solid #0F0 !important;} /*green*/
		
		.menu-item-10357{ display: block !important}
		
		.home-five-columns{ margin-top: -90px !important; padding-right: 40px !important}
		.ult-new-ib-title{ font-size: 22px !important}
		
		.home-five-columns .vc_col-sm-2 { width: 30% !important; float: right !important }
				.five-columns .vc_col-sm-2 { width: 30% !important; float: right !important }
		.ult-new-ib-content{ display: block !important}

		
		.home-vision .vc_col-sm-6{ width: 100%; display: block}
		.home-vision .vc_col-sm-2{ width: 33%; display: block}
		.home-social .vc_col-sm-12 .vc_col-sm-7{ width: 100%; display: block; padding-bottom: 50px}
		.home-social .vc_col-sm-12 .vc_col-sm-5{ width: 100%; display: block}
		
		.fb_iframe_widget{ display:block !important; margin: 0 auto !important; text-align: center !important; border: 0px solid #000 !important;}
		#facebookwraper,	
		.fb-page, 
		.fb-page span, 
		.fb-page span iframe[style] { 
			width: 500px !important;
		}
		
		.fb_iframe_widget span, .fb_iframe_widget span iframe{ height: 450px !important}
		
		/*._2p3a, .fb_iframe_widget span, .fb_iframe_widget span iframe, .uiScaledImageContainer _2zfr{ width:100% !important}
		._2p3a{ width:100% !important; border: 1px solid #fff !important}
		.fb_iframe_widget span iframe #u_0_0 ._2p3a{ width:100% !important; border: 1px solid #fff !important}
		*/
		
		.footer{ text-align: center !important}
		.footer .mpb-shotcode-buttons{ margin-left:0% !important}
		.btn-bg-10312{background-size: 290px !important;width: 290px !important; margin: 0 auto !important;}
		.footer .wf-1-4{ width: 100% !important}
		
		
		
	}
	
	@media screen and (max-width: 560px) {
		body{ border: 0px solid #00F !important;} /*blue*/
	}
	
	/* !- 760 (phones and portrait tablets (small)) */
	@media screen and (max-width: 760px) {
		body{ border: 0px solid #FF0 !important;} /*yellow*/
		
		/*
		.home-five-columns{ margin-top: -50px !important}
		.ult-new-ib-title{ font-size: 13px !important; line-height: 15px !important; margin-left: -10px !important}
		.home-five-columns .vc_column_container > .vc_column-inner{ padding-left: 5px !important; padding-right: 5px}
		*/
		.home-five-columns{ margin-top: -90px !important; padding:0 0 0 0 !important}
		.home-five-columns .vc_col-sm-2 { width: 60% !important; float: none !important; margin: 0 auto !important;  }
		.home-five-columns .home-five-columns-last{ margin:0 auto !important}
		
				.five-columns .vc_col-sm-2 { width: 60% !important; float: none !important; margin: 0 auto !important;  }
		        .five-columns .five-columns-last{ margin:0 auto !important}

		
		.home-welcome .vc_col-sm-6 a.default-btn-shortcode{ float: none !important; margin: 0 auto 10px auto !important; display: block !important; text-align: center}
		
		.home-vision .vc_col-sm-2{ display: inline !important}
		.home-sponsor img {
		
			margin-top: -55px;
			margin-bottom: -30px;
			display: inherit;
			width: 50%;
		
		}
		.owl-stage-outer.owl-height{ height: auto !important}
		.fb_iframe_widget span, .fb_iframe_widget span iframe{ height: 336px !important}
		#facebookwraper,	
		.fb-page, 
		.fb-page span, 
		.fb-page span iframe[style] { 
			width: 100% !important;
		}
		
	}
	
	@media screen and (max-width: 500px) {
		body{ border: 0px solid #0FF !important;} /*skyblue*/
	}
	@media screen and (max-width: 540px) {
		body{ border: 0px solid #F0F !important;} /*purple*/
		
		.home-sponsor img {
		
			margin-top: -15px;
			margin-bottom: -10px;
		
		}
		.home-five-columns{ margin-top: -50px !important;}
		.home-five-columns .vc_col-sm-2 { width: 80% !important;  }
				.five-columns .vc_col-sm-2 { width: 80% !important;  }


	}
	
	/* !- 320 (portrait phones) */
	@media screen and (max-width: 320px) {
		body{ border: 0px solid #fff !important;} /*white*/
		
		.home-five-columns .vc_col-sm-2 { width: 100% !important;  }
				.five-columns .vc_col-sm-2 { width: 100% !important;  }
		
	}
	
	/* Wireframe responsiveness: end */
		
	
	

