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

*/

/*   Small Projects Bureau Development  */
/*   Gillig   */
/*   Martin Fuks   */

/*
 * 
1. Fonts setup
2. Header Nav
3. Buttons
4. Image Background section
5. Subtitles
6. Big Paragraph
7. Image & Text row
8. Footer
9. Scroll to top button
10. White background section
11. Tabs section
12. Remove background (Tabs section)
13. Read More button
14. Text column with fullwidth Background
15. Responsive
*
*/

/*----
 * 
 * 1.Fonts setup
 * 
 * ----*/

.title h1,
.title h2,
.title h3,
.title h4,
.title,
.title h1,
.title h2,
.title h3,
.title h4,
.widget-title,
.big-paragraph p,
.entry-title {
  font-family: "commuters-sans", sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  font-style: normal;
}

.thin-text p {
  font-weight: 200;
}

/*  */
@media (max-width: 810px) {
  .wpb_text_column p,
  .wpb_text_column ul li {
    font-size: 17px;
    line-height: 24px;
  }
}

/*  */
@media (max-width: 480px) {
  .wpb_text_column p,
  .wpb_text_column ul li {
    font-size: 15px;
    line-height: 22px;
  }
}

/*----
 * 
 * End Fonts setup
 * 
 * ----*/

/*----
 * 
 * 2. Header nav
 * 
 * ----*/

.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar {
  max-width: 1250px;
}

.split-header.outside .navigation .main-nav {
  justify-content: space-between !important;
}

.split-header.outside .navigation:first-of-type .main-nav {
  padding-right: 50px;
}

.split-header.outside .navigation:last-of-type .main-nav {
  padding-left: 50px;
}

@media (min-width: 1200px) {
  .split-header.outside .navigation:first-of-type .main-nav {
    padding-right: 150px;
  }

  .split-header.outside .navigation:last-of-type .main-nav {
    padding-left: 150px;
  }
}

.branding,
.transparent .masthead:not(.mixed-header) .mobile-branding > a,
.transparent .masthead:not(.mixed-header) .mobile-branding > img,
.sticky-mobile-on.masthead:not(.mixed-header) .mobile-branding > a,
.sticky-mobile-on.masthead:not(.mixed-header) .mobile-branding > img {
  max-width: 139px;
}

.navigation a span {
  letter-spacing: 2.5px;
}

/*----
 * 
 * End Header nav
 * 
 * ----*/

/*----
 * 
 * 3. Buttons
 * 
 * ----*/

.gillig-btn {
  position: relative;
}

.gillig-btn a.vc_general.vc_btn3 {
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 14px;
  padding-right: 70px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 6.5px;
  letter-spacing: 1.5px;
  transition: background-color 0.3s ease;
  background-image: unset;
}

.gillig-btn a::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  right: calc((50px - 11px) / 2);
  top: calc((100% - 11px) / 2);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.5" height="13.5"><path fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M1.500,1.530 L11.500,1.530 L11.500,11.531 "/><path fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M11.500,1.530 L1.500,11.531 "/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

.gillig-btn a::after {
  content: "";
  display: block;
  background: white;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 50px;
  top: 0;
}

.gillig-btn a.vc_general.vc_btn3:hover {
  background-color: rgb(190, 16, 32) !important;
}

.gillig-btn a:hover::before {
  transform: rotate(45deg);
}

/*----
 * 
 * End Buttons
 * 
 * ----*/

/*----
 * 
 * 4. Image Background section
 * 
 * ----*/

section.bg-img-section {
	padding-top: 103px !important;
  background-position: center bottom !important;
  background-size: cover;
}

/*----
 * 
 * End Image Background section
 * 
 * ----*/

/*----
 * 
 * 5. Subtitle
 * 
 * ----*/

.subtitle h3 {
  text-transform: uppercase;
  letter-spacing: 2.3px;
  padding-bottom: 11px;
}

/*----
 * 
 * End Subtitle
 * 
 * ----*/

/*----
 * 
 * 6. Big Paragraph
 * 
 * ----*/

.big-paragraph p {
  font-size: 53px;
  line-height: 65px;
  font-weight: 600;
}

@media (max-width: 810px) {
  .big-paragraph p {
    font-size: 36px;
    line-height: 40px;
  }
}

/*----
 * 
 * End Big Paragraph
 * 
 * ----*/

/*----
 * 
 * 7. Image & Text row
 * 
 * ----*/

.image-row {
  position: relative;
  width: calc(100% + 60px);
}

.image-row h4,
.image-row h5 {
  letter-spacing: 2px;
}

.image-right-row {
  left: 60px;
}

.image-right-row h4,
.image-right-row h5,
.image-right-row p {
  padding-right: 30px;
}

.image-left-row {
  right: 60px;
}

.image-left-row h4,
.image-left-row h5 {
  text-align: right;
}

.image-left-row h4,
.image-left-row h5,
.image-left-row p {
  padding-left: 30px;
}

.content-column h4 {
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 15px !important;
}

.image-column {
  padding: 10px !important;
  border: 2px solid #fff;
}

.image-row:not(:last-child) {
  padding-bottom: 55px;
}

/* Mobile */

@media (max-width: 767px) {
  .image-row {
    width: 100%;
  }

  .image-row.image-right-row {
    display: flex;
    flex-direction: column-reverse;
    gap: 15px;
  }

  .image-row.image-left-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .image-left-row h4,
  .image-left-row h5 {
    text-align: left !important;
  }

  .image-left-row h4,
  .image-left-row h5,
  .image-left-row p {
    padding-left: 0;
  }

  .image-left-row {
    right: 0;
  }

  .image-right-row {
    left: 0;
  }
}

/*----
 * 
 * End Image & Text row
 * 
 * ----*/

/*----
 * 
 * 8. Footer
 * 
 * ----*/

/*Layout & Global*/

@media (min-width: 992px) {
  #footer .wf-container {
    display: flex;
  }
}

#footer {
  border-top: 1px solid #fff;
}

#footer h4,
#footer .widget-title {
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 30px;
}

.footer .menu li {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.footer .menu li {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.footer .menu li a {
  font-size: 15px;
}

/*column I*/

@media (min-width: 480px) {
  #custom_html-2 {
    min-width: 440px;
  }
}

#footer-first-logo {
  max-width: 151px;
  margin-bottom: 25px;
}

#footer-first-social ul {
  display: flex;
  gap: 9px;
  margin-bottom: 27px;
}

#footer-first-social ul li a {
  display: block;
  width: 22px;
  height: 22px;
}

#footer-first-social ul li a span {
  visibility: hidden;
}

#footer-first-social ul li {
  display: inline-block;
}

#footer-first-social ul li a {
  display: block;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.5s ease;
}

#footer-first-social ul li.linkedin a {
  background-image: url("/wp-content/uploads/2024/07/linkedin.png");
}

#footer-first-social ul li.instagram a {
  background-image: url("/wp-content/uploads/2024/07/instagram.png");
}

#footer-first-social ul li.facebook a {
  background-image: url("/wp-content/uploads/2024/07/facebook.png");
}

#footer-first-social ul li.linkedin a:hover {
  background-image: url("/wp-content/uploads/2024/07/linkedin-hover.png");
}

#footer-first-social ul li.instagram a:hover {
  background-image: url("/wp-content/uploads/2024/07/instagram-hover.png");
}

#footer-first-social ul li.facebook a:hover {
  background-image: url("/wp-content/uploads/2024/07/facebook-hover.png");
}

#footer-first-copyright {
  margin-bottom: 51px;
}

#footer-first-copyright p {
  font-size: 12px;
  margin-bottom: 0;
}

#footer-first-copyright a {
  text-decoration: underline;
}

#footer-first-copyright a:hover {
  text-decoration: unset;
}

#footer-first-img {
  max-width: 161px;
}

/*column II*/

/*column III*/

.footer-parts-menu {
  margin-bottom: 69px;
}

@media (max-width: 992px) {
  .footer-parts-menu {
    margin-bottom: 30px;
  }
}

/*column IV*/

/*----
 * 
 * End Footer
 * 
 * ----*/

/*----
 * 
 * 9. Scroll to top button
 * 
 * ----*/

.scroll-top {
  background: transparent;
  right: 26px;
  width: 30px;
  height: 35px;
}

.scroll-top::before {
  content: "";
  display: block;
  width: 30px;
  height: 35px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35px" height="40px"><path fill-rule="evenodd" stroke="rgb(255,%20255,%20255)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M17.289,%2037.762%20L17.289,%202.435%20"/><path fill-rule="evenodd" stroke="rgb(255,%20255,%20255)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M2.511,%2017.484%20L17.195,%202.798%20L31.879,%2017.484%20"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.scroll-top svg {
  display: none;
}

/*----
 * 
 * End Scroll to top button
 * 
 * ----*/

/*----
 * 
 * 10. White background section
 * 
 * ----*/

.white-block > .vc_column-inner {
  padding-left: 35px;
  padding-right: 35px;
  padding: 20px 35px 60px 35px;
}

.white-block .wpb_text_column div * {
  color: #061a3b;
}

.white-block .gillig-btn a.vc_general.vc_btn3 {
  border: 1px solid rgb(6, 26, 59);
  text-align: left;
  padding-right: 60px;
}

.white-block .gillig-btn a.vc_general.vc_btn3:hover {
  color: rgb(255, 255, 255) !important;
  border-color: rgb(255, 255, 255);
}

.white-block .gillig-btn a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.5" height="13.5"><path fill-rule="evenodd" stroke="rgb(6, 26, 59)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M1.500,1.530 L11.500,1.530 L11.500,11.531 "/><path fill-rule="evenodd" stroke="rgb(6, 26, 59)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M11.500,1.530 L1.500,11.531 "/></svg>');
}

.white-block .gillig-btn a::after {
  background: rgb(6, 26, 59);
}

.white-block .gillig-btn a:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.5" height="13.5"><path fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M1.500,1.530 L11.500,1.530 L11.500,11.531 "/><path fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M11.500,1.530 L1.500,11.531 "/></svg>');
}

.white-block .gillig-btn a:hover::after {
  background: rgb(255, 255, 255);
}

/*----
 * 
 * 10. End of White background blog
 * 
 * ----*/

/*----
 * 
 * 11. Tabs section
 * 
 * ----*/

.tab-section .vc_tta-tab.vc_active a span {
  font-weight: 600;
}

.tab-section {
  padding-top: 150px;
  min-height: 250px;
}

.tab-section .title {
  padding-bottom: 20px;
}

.tab-section.vc_tta.vc_general .vc_tta-tabs-list {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(255, 255, 255);
}

#page .tab-section .vc_tta-tabs-list li a {
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 1px;
  opacity: 0.5;
  transition: all 0.5s;
  text-transform: uppercase;
  border: 0 !important;
}

.tab-section.vc_tta-color-white.vc_tta-style-outline .vc_tta-tab > a:hover {
  background-color: inherit;
  color: inherit;
}

.tab-section .vc_tta-tab.vc_active {
  position: relative;
}

#page .tab-section .vc_tta-tab.vc_active a {
  opacity: 1;
  color: #fff;
}

.tab-section .vc_tta-tab.vc_active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #fff;
}

.tab-section .vc_tta-panel-body p {
 /* font-weight: 300; */
  padding-bottom: 25px;
}

.tab-section .gillig-btn {
  margin-bottom: 15px;
}

/*----
 * 
 * Tabs section
 * 
 * ----*/

/*----
 * 
 * 12. Remove background (Tabs section)
 * 
 * ----*/

.vc_row.remove-background {
  background-image: none !important;
}

/*----
 * 
 * End of Remove background (Tabs section)
 * 
 * ----*/

/*----
 * 
 * 13. Read More button
 * 
 * ----*/

.hidden_p {
  display: none;
}

/*----
 * 
 * End of Read More
 * 
 * ----*/

/*----
 * 
 * 14. Text column with fullwidth Background
 * 
 * ----*/
.left-column-w-fullwidth-bg,
.right-column-w-fullwidth-bg {
	padding-top: 103px !important;
	padding-bottom: 116px;
}

.blue * {
	color: #01173a;
}

.left-column-w-fullwidth-bg .subtitle h5,
.right-column-w-fullwidth-bg .subtitle h5 {
/* 	font-size: 24px;
	line-height: 55px; */
	letter-spacing: 2.3px;
	margin-bottom: 4px!important;
}

.left-column-w-fullwidth-bg .title h2,
.right-column-w-fullwidth-bg .title h2 {
/* 	font-size: 60px;
	line-height: 60px; */
	letter-spacing: 0.1rem;	
	margin-bottom: 35px!important;
}

.right-column-w-fullwidth-bg .subtitle h5,
.right-column-w-fullwidth-bg .title h2 {
	text-align: right;
}

.left-column-w-fullwidth-bg .content-text,
.right-column-w-fullwidth-bg .content-text {
/* 	font-size: 24px;
	line-height: 30px; 
	letter-spacing: 0.05rem;*/
	max-width: 550px;
}

.left-column-w-fullwidth-bg .content-text:not(:last-of-type),
.right-column-w-fullwidth-bg .content-text:not(:last-of-type) {
	margin-bottom: 30px;
}

.right-column-w-fullwidth-bg .content-text {
	margin-left: auto;
}
/*----
 * 
 * Text column with fullwidth Background
 * 
 * ----*/

/*----
* 
* 15. Responsive
* 
* ----*/
@media (max-width: 810px) {
	
	/*gradients*/
	
	
	.right-blue,
	.left-blue,
	.right-white,
	.left-white,
	.full-white,
	.full-blue {
		position: relative
	}
	
	.right-blue::after,
	.left-blue::after,
	.right-white::after,
	.left-white::after,
	.full-white::after,
	.full-blue::after {
		content: '';
		width: 100%;
		height: 100% !important;
		z-index: 0;
		display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
		visibility: visible !important
    }
	
	
	
	.right-blue > div,
	.left-blue > div,
	.right-white > div,
	.left-white > div,
	.full-white > div,
	.full-blue  > div
	{
		z-index: 10;
		position: relative
	}
	
	.left-blue::after  {
		background: linear-gradient(90deg, rgba(23,37,77,0.5) 30%, rgba(255,255,255,0) 100%);
	}
	
	.left-white::after  {
		background: linear-gradient(90deg, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0) 100%);
	}
		
	.right-blue::after {
		background: linear-gradient(273deg, rgba(23,37,77,0.5) 30%, rgba(255,255,255,0) 100%);
	}
	
	.right-white::after {
		background: rgb(255,255,255);
		background: linear-gradient(273deg, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0) 100%);
	}
	
	
	.full-white::after{
		background-color: white;
		opacity: 0.5
	}
	.full-blue::after {
		background-color: #01173a;
		opacity: 0.5
		
	}

	
	/**  **/ 
	/* Top left alignment */
	.top-left {
	  background-position: top left !important;
	}

	/* Top center alignment */
	.top-center {
	  background-position: top center !important;
	}

	/* Top right alignment */
	.top-right {
	  background-position: top right !important;
	}

	/* Center left alignment */
	.center-left {
	  background-position: center left !important;
	}

	/* Center center alignment */
	.center-center {
	  background-position: center center !important;
	}

	/* Center right alignment */
	.center-right {
	  background-position: center right !important;
	}

	/* Bottom left alignment */
	.bottom-left {
	  background-position: bottom left !important;
	}

	/* Bottom center alignment */
	.bottom-center {
	  background-position: bottom center !important;
	}

	/* Bottom right alignment */
	.bottom-right {
	  background-position: bottom right !important;
	}


	
	
	/*Section background image alignment*/
	/* Top left alignment */
	section.top-left {
	  background-position: top left !important;
	}

	/* Top center alignment */
	section.top-center {
	  background-position: top center !important;
	}

	/* Top right alignment */
	section.top-right {
	  background-position: top right !important;
	}

	/* Center left alignment */
	section.center-left {
	  background-position: center left !important;
	}

	/* Center center alignment */
	section.center-center {
	  background-position: center center !important;
	}

	/* Center right alignment */
	section.center-right {
	  background-position: center right !important;
	}

	/* Bottom left alignment */
	section.bottom-left {
	  background-position: bottom left !important;
	}

	/* Bottom center alignment */
	section.bottom-center {
	  background-position: bottom center !important;
	}

	/* Bottom right alignment */
	section.bottom-right {
	  background-position: bottom right !important;
	}

	section.bottom-25{
			background-position: 25% bottom !important;
	}

	section.bottom-75{
			background-position: 75% bottom !important;
	}

	
	
	/*Paragraphs*/
	p br {
		display: none;
	}

	/*Sections*/
	.vc_section {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/*Image Carousel arrows*/
	.gallery-carousel-shortcode.owl-carousel .owl-nav div.owl-prev {
		left: -16px !important;
	}

	.gallery-carousel-shortcode.owl-carousel .owl-nav div.owl-next {
		right: -16px !important;
	}

	/*Text column with fullwidth Background*/
/* 	.left-column-w-fullwidth-bg .title h4, .right-column-w-fullwidth-bg .title h4 {
		font-size: 40px;
		line-height: 50px;
	} */
}

/* @media (max-width: 778px) { */
	/*Text column with fullwidth Background*/
/* 	.left-column-w-fullwidth-bg .title h4, .right-column-w-fullwidth-bg .title h4 {
		font-size: 30px;
		line-height: 40px;
	}
	
	.left-column-w-fullwidth-bg .subtitle h5,
	.right-column-w-fullwidth-bg .subtitle h5 {
		font-size: 16px;
		line-height: 25px;
	} */
/* } */
/*----
 * 
 * End of Responsive
 * 
 * ----*/