/*
Theme Name: vformation
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
*/

/* Typography */

body#the7-body {
    font-family: sofia-pro, sans-serif;
	  font-style:normal;	
    font-weight:300;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    background-color: #f5f5f5;
}


h1 {
    font-family: sofia-pro, sans-serif;
    font-style: 400;
    font-size: 40px;
    line-height: 56px;
    color: #222;
    text-transform: uppercase
}

h2 {
    font-family: sofia-pro, sans-serif;
    font-style: 300;
    font-size: 34px;
    line-height: 52px;
    color: #222;
}


h3 {
    font-family: sofia-pro, sans-serif;
    font-style: 400;
    font-size: 24px;
    line-height: 42px;
    color: #222;
}


h4 {
    font-family: sofia-pro, sans-serif;
    font-style: 400;
    font-size: 20px;
    line-height: 40px;
    color: #222;
}

h5 {
    font-family: sofia-pro, sans-serif;
    font-style: 400;
    font-size: 15px;
    line-height: 20px;
    color: #222;
}

h6 {
   font-family: sofia-pro, sans-serif;
    font-style: 400;
    font-size: 16px;
    line-height: 24px;
    color: #848484;
}


/**********************************/



.vc_col-has-fill .vc_column-inner {
		margin-bottom:20px !important
	}
.bgimage.vc_col-sm-12 {
		*margin-top:20px !important
	}
.vc_col-sm-6 .bgimage.vc_col-sm-12 {
		margin-top:0 !important
	}


.vc_column-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.headslider .vc_column-inner {
    /*padding-left: 0px !important;
    padding-right: 0px !important;*/
}
#main-slideshow {
  margin-top: 60px;
}
.item_height_x1, .x1, .x1 .vc_column-inner {
	min-height: 380px !important;
}
.item_height_x2, .x2, .x2 .vc_column-inner {
	min-height: 780px !important;
}
.textleft p {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.4em;
    text-align: left;
}
.wpb_text_column h3 {
	text-align:center;
	margin-bottom:0
}
.wpb_text_column {
	*font-size:28px;
	font-size:22px;
	line-height:1.4em;
	padding:0 60px 0 20px !important;
}

.intro.wpb_text_column {
	padding:40px 60px 20px 60px !important;
}
.wpb_text_column.x1 {
	min-height:380px !important;
}

.vc_col-sm-6 .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner, .vc_col-sm-12 .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner   {
	padding-left:0 !important;
	padding-right:0 !important;
	position: relative;
}


.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 20px !important;
}
.rev-btn {
		background-color: rgba(255, 255, 255, .9) !important;
	}
.rev-btn:hover {
		background-color: rgba(16, 221, 188, 1) !important;
	}

.grid .vc_column_container.vc_col-sm-3 {
    border: solid 1px #e3e3e3;
}

/* Headers  */

h1 {
	font-weight:bold;
}
.wpb_wrapper h1 {
  /*margin-left: -60px;*/
}
h3 {
	font-size:19px;
}
.textleft h3 {
	font-size:36px;
	margin-bottom:1em;
	text-align:left;
	font-weight:bold
}
 #main > .wf-wrap {
    position:static;
  }
#closebtn {
	position:fixed;
	top: 0;
	right: 0;
	padding:22px 29px 28px 30px;
	transition:all .2s linear;
  z-index: 200;
}
#closebtn:hover, #closebtn:focus {
	/*background:#11debd;*/
	opacity:.5
}
.sticky-header-overlay.active {
  display: none !important;
}
.header-side-right.ouside-menu-close-icon .menu-close-toggle, .header-side-right.ouside-menu-close-icon .hide-overlay {
  right: 0;
  margin: 0;
}
.main-nav > li > a .menu-text {
  font-family: sofia-pro, sans-serif;
}

/* Colors  */

.black, .black h3, .black a {
    color: black;
}
.white, .white h3, .white h1, .white a {
    color: white;
}
.violet, .violet h3, .violet a{

    color: #340c55;
}
.blue, .blue h3, .blue a{
    color: #12007c;
}


/* Background Positions */
.top > .vc_column-inner{
	background-position:top !important
}
.right > .vc_column-inner{
	background-position:right !important
}
.bottom > .vc_column-inner{
	background-position:bottom !important
}
.left > .vc_column-inner{
	background-position:left !important
}
.startlink {
  background: #fefa50 url(assets/chevron-down.png) no-repeat center 10px;
    background-size: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  color: black;
  text-align: center;
  font-size: 2em !important;
  transition: color .2s ease;
  background-size: 50px;
  z-index: 100;
}
.startlink:hover {
    text-decoration: none;
  color: white
}

#headline.wpb_text_column, .home .intro .vc_column-inner  {
 /* padding-left: 0 !important;
padding-right: 0 !important;*/
}
#headline.wpb_text_column {
  padding-top: 60px !important;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 20px !important;
}
.tp-fullwidth-forcer {
    display: none;
}
.x1.intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wpb_raw_code.wpb_raw_html, .x1.intro, .wpb_wrapper h2  {
  margin-left: -15px;
  margin-right: -15px;
}

.grid .wpb_single_image img {
    max-width: 70%;
}

/* Header */

.masthead {
  position: fixed !important;
  width: 100%;
  box-shadow: none !important;
}

/* Footer */
.footer .widget {
  font-family: sofia-pro, sans-serif !important;
  font-weight: 300;
  font-size: 15px;
}
.footer .menu li {
  border: none;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 3px;
}
.footer .menu li a {
  text-decoration: none !important;
  transition: all .3s;
}

/* Navigation */
.mobile-main-nav > li > a {
  padding: 10px 25px 10px 0;
}
.mobile-main-nav li > a .menu-text, .dt-mobile-menu-icon .menu-toggle-caption, .menu-toggle .menu-toggle-caption {
  font-family: sofia-pro, sans-serif;
  letter-spacing: 2px;
}
.dt-mobile-menu-icon .menu-toggle-caption, .menu-toggle .menu-toggle-caption {
  font-weight: 300;
}
.medium-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type, .small-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type, .animate-position-menu-icon .menu-toggle:hover .menu-line:first-of-type {
  transform: translateY(0);
}
.medium-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3), .small-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3), .animate-position-menu-icon .menu-toggle:hover .menu-line:nth-of-type(3) {
  transform: translateY(0);
}
.current_page_item .menu-text {
  border-bottom: 2px solid white;
  color: white !important;
}
.page-template-template-microsite .menu-toggle, .page-template-template-microsite .mobile-navigation {
  display: none !important;
}
.header-side-right .scroll-top.on {
  right: 10px;
  left: auto;
}
.animate-position-menu-icon .menu-toggle .lines-button {
  width: 30px;
}
.rotate-medium-menu-close-icon .menu-close-toggle .close-line-wrap, .rotate-medium-menu-close-icon .hide-overlay .close-line-wrap {
  width: 25px;
  height: 25px;
}
.rotate-medium-menu-close-icon .menu-close-toggle .close-line, .rotate-medium-menu-close-icon .hide-overlay .close-line {
  width: 25px;
  height: 6px;
}
/* Teaser */

.oi_vc_button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  font-size: 40px;
  font-family: sofia-pro, sans-serif;
  line-height: 1.3em;
  transition: all .3s;
  font-weight: bold;
  padding: 20px;
  hyphens: auto;
}

.bgimage .oi_vc_button {
  opacity: 0;
}
.bgcolor .oi_vc_button {
  font-size: 36px;
}

.bgimage .oi_vc_button:hover {
  background-color:  rgba(0,0,0,0.8);
  color: white;
  opacity: 1;
}
.oi_vc_button strong {
  font-weight: 300;
  display: block;
  font-size: 20px;
}
a.oi_vc_button::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.bgimage a.oi_vc_button::before {
  border: #10debb solid 2px;
}
.bgcolor a.oi_vc_button::before {
  border: white solid 2px;
  transition: opacity .3s;
  opacity: 0;
}
.bgcolor a.oi_vc_button:hover::before {
  opacity: 1;
}
.bgcolor.wpb_column .vc_column-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

@media (max-width: 991px) {
  #headline.wpb_text_column {
    padding-top: 20px !important; 
  }
}
@media (min-width: 768px) and (max-width: 991px) {
	.rev-btn {
		font-size: 28px !important;
		line-height:1.2em !important;
		border-width:5px !important;
	}
	.wpb_text_column {
		font-size: 22px;
	}
	h3 {
		font-size: 18px !important;
		line-height: 1.2em !important;
	}
	.vc_col-sm-3 {
		width: 50% !important;
	}
	 .x2 {
		min-height: 300px !important;
	}
}
@media (min-width: 768px) {
  .vc_col-sm-6:first-child {
    padding-right: 15px;
  }
  .vc_col-sm-6:last-child {
    padding-left: 15px;
  }
  .bgcolor.x2 .oi_vc_button {
    right: 15px;
    bottom: 20px;
  }
  .masthead.side-header {
    margin-top: 80px;
  }
  .side-header .menu-close-toggle {
    top: -80px;
  }
  .bgcolor .wpb_text_column {
    padding:0 60px 0 60px !important;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  #main {
    padding: 20px 20px 50px 20px;
  }
  body:not(.home) #main {
    padding-top: 60px !important;
  }
  .oi_vc_button, .bgcolor .oi_vc_button, .bgimage .oi_vc_button {
    font-size: 28px;
    line-height: 1.1em;
  }
  .x2.bgcolor {
    margin-left: -5px;
    width: calc(100% + 10px);
  }
	.wpb_text_column {
		font-size: 16px;
	}
	.wpb_text_column.x1, .wpb_text_column.x2 {
		min-height:auto !important;
	}
	.intro.wpb_text_column {
		padding:20px !important;
	}
	.rev-btn {
		font-size: 24px !important;
		line-height:1.2em !important;
		transform-origin: 0 0 0 !important;
		border:none !important;
	}
	.tp-parallax-wrap {
		left:0 !important
	}
	.tp-mask-wrap {
		width: 100vw;
		left: -20px;
		text-align: center;
	}
	.wpb_column{
		*margin-bottom:20px !important
	}
	
	.vc_column-inner, .bgimage .vc_column-inner, .bgimage.vc_col-sm-12  {
    	margin-top:0 !important
	}

	.vc_col-sm-6 .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner, .vc_col-sm-6 .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner    {
		margin-top:0 !important
	}
	
	.item_height_x2 {
		min-height: 380px !important;
	}
	h3 {
		font-size: 16px !important;
		line-height: 1.2em !important;
	}
	.textleft h3 {
		font-size: 28px !important;
	}
	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
	
			margin-bottom: 0 !important;
	}
	h1 {
		font-size: 28px !important;
		line-height: 32px !important;
		margin-top:1em;
		text-align:center
	}
	.intro {
		margin-bottom: 20px !important;
	}
	#closebtn:hover, #closebtn:focus {
		/*background-color:#ccc;*/	
	}
	.item_height_x1, .x1, .x1 .vc_column-inner {
	min-height: 300px !important;
	}
	.item_height_x2, .x2, .x2 .vc_column-inner {
		min-height: 300px !important;
	}
	.visible-xs {
		display: none !important;
	}
  .wpb_text_column {
    font-size: 17px;
    line-height: 1.4em;
    padding: 0 20px 30px 20px !important;
  }
  .admin-bar .dt-close-mobile-menu-icon {
    top: 0px;
  }
  .menu-toggle-caption {
    display: none;
  }

}