/*!
Theme Name: Van Geffen
Theme URI: http://underscores.me/
Author: Orange Cup Studio ltd.
Author URI: https://orangecupstudio.co.uk
Description: Description
Version: 1.0.0
Tested up to: 6.9
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vangeffen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Van Geffen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Links
--------------------------------------------- */
a {
	color: #191970;
}

a:visited {
	color: #191970;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}


/* Posts and pages
--------------------------------------------- */

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL */
/* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL */
/* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAL *//* GENERAl */
html {
    font-size: 16px;
}
body {
    font-family: 'Inter', sans-serif !important;
    
}

h1, h2, h3, h4, h5, h6 {
    color: #b00000;
    font-weight: 800 !important;
}
h1 {
    font-size: 2.1em !important;
}
h2 {
    font-size: 1.8rem !important;
}
.top-banner h1, .top-banner h2, .top-banner h3, .top-banner h4, .top-banner h5, .top-banner h6,
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {
    color: white;
}
.top-banner h2 {
    font-size: 2.2rem;
    font-weight: bold;
}

.entry-content a {
    color: #b00000;
}
.entry-content a:hover {
    color: #dd042b;
}

.site-main a,
.site-main a:visited, 
.site-main a:hover,
.site-main a:focus,
.site-main a:active {
    color: #b00000;
}

.site-main ul {
  list-style: none; 
}

.site-main ul li::before {
  content: "\2022";  
  color: #b00000; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
    position: relative;
    top: -2px;
}

img {
    max-width: 100%;
    height: auto;
}

/* btn buttons */

@mixin clearfix() {
  &::after {
    display: block;
    clear: both;
    content: "";
  }
}

.more-link {
    display: block;    
    background-color: #c4c4c4;
    color: #1b3053 !important;
    margin-top: 0.7em !important;
    padding: 0.3em 1em;
    text-decoration: none;
    border: none;
    max-width: 150px;
    border-radius: 10px;
    text-align: center;
    float: right;
}
.more-link:hover {
    background-color: #636363;
    color: white !important;
}

/* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER */
/* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER *//* HEADER */
section.header-main {
    background-color: white;
}
.site-branding, .home h1.entry-title {
    position: absolute; 
    left: -99999px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:hover > a.mega-menu-link {
    background-image: url(img/tecka.png);
    background-repeat: repeat-x;
    background-position: 0 60px;
}
#mega-menu-item-30 > a:nth-child(1) {
    padding: 16px 0 0 0 !important;
    background-image: none !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 8px 10px 8px 10px;
    line-height: 20px;
}
.mega-menu-logo {
    background: none !important;
}


/*mega menu*/

#mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link {
    line-height: 2em;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    float: right;
}
 ul.mega-sub-menu li.mega-menu-item a:hover {
    text-decoration: underline !important;
     color: #b00000 !important;
}


/* TOP BANNER / SLIDER *//* TOP BANNER / SLIDER *//* TOP BANNER / SLIDER *//* TOP BANNER / SLIDER *//* TOP BANNER / SLIDER */

.banner-bg {
    color: white;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.banner-vertical-align {
    height: 40vh;
}

/* TOP BANNER GRADIENT *//* TOP BANNER GRADIENT *//* TOP BANNER GRADIENT *//* TOP BANNER GRADIENT *//* TOP BANNER GRADIENT */
.home .tb-gradient {
    background: rgb(234, 234, 234);
    background: linear-gradient(0deg, rgba(234,234,234,1) 20%, rgba(0,0,0,0) 70%);
    background-size: 100% 30px;
    background-repeat: no-repeat;
    background-position: bottom;
}

/* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE */
/* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE */
/* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE *//* HOMEPAGE */
.page-template-page-homepage {
    background-color: white;
}
/* TABS HOME */
.nav-tabs .nav-link {
    border-top-left-radius: .50rem;
    border-top-right-radius: .50rem;
}
.tabs1-home {
    background-color:  rgb(234, 234, 234);
}
.tabs1-home .taby {
    /*margin-top: -16px; ONLY WHEN IMAGE INSTEAD SLIDER - NEEDED TO UNCOMMENT THIS ONE AND COMMENT THE NEXT ONE */
    margin-top: 3em;
}
.tabs1-home .nav-tabs {
    border: none;
}
.tabs1-home .nav-tabs button {
    background-color: #c4c4c4;
    color: #1b3053;
    margin: 0 0.8em;
    padding: 0.3em 3em;
    border: none;
    font-size: 1.2rem;
    font-weight: light;
}
.tabs1-home .nav-tabs button:hover {
    box-shadow: 0 -2px 10px white;
    border: none;
}
.tabs1-home .nav-tabs button.active,
.tabs1-home .tab-content {
    background-color: white;
}
.tabs1-home .tab-content {
    border-radius: .50rem;
    padding: 2em 1em 1em 1em;
}
.tabs1-home .tab-pane ul.tab-custom {
    list-style: none;
    padding: 0;
    margin: 0;
    /*display: flex;
    flex-wrap: wrap;*/
}
.tabs1-home .tab-pane ul.tab-custom li {
    /*float: left;
    width: 20%;
    padding: 0 1em;*/
    max-width: 250px;
    
}
.tabs1-home .tab-pane ul.tab-custom li .tab-title-text {
    font-size: 1.2em;
    text-align: center;
    margin-top: 0.5em;
    font-weight: 600;
    color: #1b3053;
}
.tabs1-home ul li::before {
    display: none;
}

/* EDITOR 1 */
.editor1 {
    background-color: #eaeaea;
    background-image: url(img/editor1-background.png); 
    background-size: cover;
    background-position: right;
    padding: 1em 0 3em 0;
}
.editor1-content {
    margin: 0 2em 0 4em;
    display: block;
}
.editor1 h1, .editor1 h2, .editor1 h3, .editor1 h4, .editor1 h5, .editor1 h6,
.industries-home h2 {
    color: #b00000;
}

/* PRODUCTS HOME */
.products-home {
    background-image: url(img/products-background.jpg);
    background-size: cover;
    color: white;
    padding: 3em 0;
}
.products-home .icons-products {
    text-align: center;
}
.products-home .icons-products a {
    text-decoration: none;
    display: block;
    padding: 1em;
    -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.products-home .icons-products a:hover {
    background-color: rgba(176, 0, 0, 0.7)
}
.products-home .icons-products img {
    max-height: 90px;
}
.products-home .icons-products h3 {
    color: white;
    font-size: 1.3em;
}

/* INDUSTRIES HOME - slider */
.industries-home {
    background-color: white;
}
.n2-ss-slide {
    box-shadow: none !important;
}
.industries-home h2 {
    text-align: center;
}

/* VIDEO HOME */
.video1-home {
    background-image: url(img/video-back.jpg);
    background-size: cover;
}

.video1-home iframe {
    display: block;
    margin: auto;
    max-width: 100%;
}

.editor2-home {
    background-color: #dddddd;
}

/* FLEXIBLE LAYOUT */
.blue-background-section {
    background-image: url(img/blue-background.jpg);
    background-size: cover;
    background-position: right bottom;
    color: white;
    padding: 6em 0;
}

/* MEET THE TEAM */
/* MEET THE TEAM */
section.pr-annotation {
  background-color: #b00000;
  color: white !important;
  padding: 3em 0;
} 
section.pr-annotation p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
section.pr-annotation h1,
section.pr-annotation h2,
section.pr-annotation h3,
section.pr-annotation h4,
section.pr-annotation h5 {
    color: white;
}
.tm-block {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e7e7e7;
    padding: 2em 0;
}
.team-members img.profile-img {
    width: 150px;
}
.profile-left .name {
    margin: 1em 0 0 0;
    color: #b00000;
}
.profile-left h4,
.team-members-other .name {
    margin: 1em 0 0.6em 0;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 1.1em;
    color: #5e5e5e;
}
.linkedin-mt {
    font-size: 0.8em;
    color: #949494;
}
.linkedin-mt img {
    height: 16px;
    margin-top: -2px;
    
}
/* team members other */
.team-members-o .tm-block {
    border-bottom: none;
    padding: 0;
}
ul.team-members-other {
    list-style: none;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
ul.team-members-other li {
    text-align: center;
    padding: 1em;
}
ul.team-members-other li .name {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.25em;
}
ul.team-members-other li img {
    margin: auto;
}

/* POSTS */

.blog .entry-content h2,
.blog .entry-content h3,
.archive .entry-content h2,
.archive .entry-content h3,
.search .entry-content h2,
.search .entry-content h3 {
    font-size: 1.2em;
}


.blog .entry-title,
.archive .entry-title,
.search .entry-title {
    border-bottom: 1px solid #b00000;
}
.blog .entry-title a, 
.archive .entry-title a,
.search .entry-title a {
    color: #b00000;
    text-decoration: none;
}

.media-menu ul {
    list-style: none; 
    padding: 0; 
    margin: 2em 0 1em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.media-menu ul li {
    
}
.media-menu ul li a {
    color: #b00000;
    text-decoration: none;
    padding: 1em;
    font-size: 1.1em;
}
.media-menu ul li a:hover {
    text-decoration: underline;
    color: #dd042b;
}
.media-menu ul li.current-menu-item a {
    text-decoration: underline;
    color: #646464;
}

.post-date {
    font-size: 0.9em;
    color: #646464;
    font-style: italic;
    text-align: right;
}

.single .entry-title {
    border-bottom: 1px solid #b00000;
}
.single h1 {
    font-size: 2em;
}
.single h2 {
    font-size: 1.7em;
}
.single h3 {
    font-size: 1.5em;
}

.wp-pagenavi {
    text-align: center;
    margin-top: 1em;
}
.wp-pagenavi a {
    color: #b00000;
}
.wp-pagenavi a:hover {
    color: #b00000;
    border: 1px solid #b00000;
}

.search .page-title {
    font-size: 1.4em !important;
    color: black;
}

/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */
/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */
.footer-main {
    background-color: #646464;
    color: white;
    margin-top: 140px;
    font-size: 0.9em;
}
.footer-main a {
    color: white !important;
}
img.red-shape {
    max-width: 45%;
    margin-top: -70px;
}

 .footer-menu ul {
    list-style: none; 
    padding: 0; 
    clear: both;
    margin: 3em 0 2em 0;
     overflow: hidden;
}
.footer-menu ul li {
    float: left;
}
.footer-menu ul li a {
    color: white;
    text-decoration: none;
    padding: 1em 3em 1em 0;
}
.footer-menu ul li a:hover {
    text-decoration: underline;
}
.copyright {
    clear: both;
    color: #e1e1e1;
    margin-bottom: 2em;
}


@media (max-width: 1400px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        max-width: 210px; 
    }
}
@media (max-width: 1200px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        max-width: 175px; 
        font-size: 0.9em;
    }
}
@media (max-width: 990px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        max-width: 130px; 
        font-size: 0.7em;
    }
    .tabs1-home .nav-tabs button {
        font-size: 1rem;
        padding: 0.3em 1em;
    }
    .tabs1-home .tab-content {
        padding: 1em 0 0 0;
    }
    .editor1 {
        background-size: auto;
        background-position: left;
    }
    .products-home .products-icons a {
        font-size: 0.7em;
    }
}
@media (max-width: 900px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        /*float: left;
        width: 20%;
        padding: 0 1em;*/
        max-width: 125px; 
        font-size: 0.72em;
        font-weight: normal;
    }
    .banner-vertical-align {
        height: 30vh;
    }
}
@media (max-width: 766px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        max-width: 96px; 
        font-size: 0.57em;
    }
    .tabs1-home .nav-tabs button {
        font-size: 0.9rem;
        padding: 0.3em 1em;
    }
    .products-home {
        padding-top: 7em;
    }
    /*.products-home .products-icons a {
        font-size: 0.6em;
    }*/
}
@media (max-width: 534px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        max-width: 130px; 
        font-size: 0.64em;
    }
    .tabs1-home .nav-tabs button {
        font-size: 0.8rem;
        padding: 0.3em 0.8em;
        margin: 0 0.2em;
    }
}
@media (max-width: 444px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        max-width: 110px; 
        font-size: 0.6em;
    }
    .tabs1-home .nav-tabs button {
        font-size: 0.7rem;
        padding: 0.3em 0.8em;
        margin: 0 0.2em;
    }
   
}
@media (max-width: 384px) { 
    .tabs1-home .tab-pane ul.tab-custom li {
        max-width: 94px; 
        font-size: 0.56em;
    }
    .tabs1-home .nav-tabs button {
        font-size: 0.7rem;
        padding: 0.3em 0.4em;
        margin: 0 0.1em;
    }
    
}