/*
Theme Name: Vascoold
Theme URI: https://localhost
Author: Vasco
Author URI: https://wordpress.org/
Description: Vasco global custom theme
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 

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

/* @import "editor-style.css"; -- removed: file not present in static build */
html, body {height: 100%;width: 100%;}

body.home header{height: 80px;  background-color: #fff; margin-bottom: 0; z-index: 100; position: relative;}
.home-bg{background: url(../images/home2.jpg) no-repeat center center scroll;position: relative;width: 100%;height: 100%;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;margin-top: -80px;z-index: 10;}

.no-gutter {padding-left:0;padding-right:0;}

a:active, a:focus{text-decoration: none;}

.slogan{position: absolute; left: 50px; bottom: 100px; color: #fff;}
.slogan h1{font-size: 4em; line-height: 1.1em; margin: 0;}

.home-box-bg{background-size: cover; position: relative; width: 100%;  height: 400px; background-position:center center;}
.home-box-blue{text-align: center; background-color:#003150; color: #fff;  height: 400px;  line-height: 400px;}
.home-box-blue span{display: inline-block;vertical-align: middle;line-height: 40px;}
.home-box-blue h1{margin-bottom: 0;}
.home-box-blue a, .home-box-blue a:hover{color:#fff}
.home-box h1{margin-top: 0;}
.home-box h1 a{text-decoration: none;}
.home-box-bg, .home-box-bg a,.home-box-bg a:hover{color:#fff;}
.home-box .wrapper{padding: 50px;}

a.more{text-transform: uppercase; border-bottom: 1px solid #1a1a1a; padding-bottom: 2px;}
a.more.white{color:#fff; border-bottom: 1px solid #fff; }
a.more:hover{text-decoration: none;}

#go_bottom{text-align: center;position: absolute;margin: 0 auto;bottom: 0;left: 0;right: 0;width: 80px;padding: 15px;}
a, a:active, a:hover, a:focus{color:#1a1a1a;}
b{font-family: Gotham-Black;letter-spacing: 1px;}
h1,h2,h3,h4{font-family: Gotham-Black; letter-spacing: 1px; text-transform: uppercase; margin-bottom: .66em;}

.hero-thumb{width: 100%; width: 100%;  height: 400px; background-position:center center;}
.main-content{border-right: 1px solid #1a1a1a; padding-right: 30px; text-align: left; margin-bottom: 45px; margin-top: 45px;}
.main-content h1:first-child{margin-top: 0; line-height: 1}
.main-content a{text-decoration: none; border-bottom: 1px solid #1a1a1a; padding-bottom: 2px; }
.main-content img{max-width: 100%; height: auto;}

header{height: 80px;}
header .logo{width: 130px; margin-top: 20px;} 
header ul{margin: 0; padding: 0; list-style-type: none;}

footer{background-color: #1a1a1a; font-size: .86em; }
footer .container-fluid{padding: 50px;}
footer a{text-decoration: none;}
footer a, footer a:active, footer a:hover, footer a:focus{color:#545454; text-decoration: none;}
footer a:hover{text-decoration: none; border-bottom: 1px solid #545454; padding-bottom: 2px; }
footer ul{margin: 0; padding: 0; list-style-type: none;}
footer ul li{margin: 0; padding: 0;}

.menu-item-49 a:hover,
.menu-item-50 a:hover{text-decoration: none;}

.sidebar{font-size: .86em;margin-left: -16px;border-left: 1px solid #1a1a1a;padding-left: 30px;margin-bottom: 45px;margin-top: 45px}
.sidebar .widget:first-child .widgettitle:first-child{margin-top: 0;}
.sidebar a{text-decoration: none; border-bottom: 1px solid #1a1a1a; padding-bottom: 1px; }
.sidebar h4{font-size: 1.66em;}
ul.related-pages{list-style-type: none;margin: 0;padding: 0;}
ul.related-pages a{border-bottom: 1px solid transparent;  padding-bottom: 1px; }
ul.related-pages a:hover,
ul.related-pages a.current-related-page{text-decoration: none; border-bottom: 1px solid #1a1a1a;}
ul.related-pages li.child:before{content : "› "; }

.category-img-col{background-repeat: no-repeat; height: 400px;  background-position: center center;  cursor:pointer;}

.category-img-col.col-sm-12{-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover}
.category-img-col h1{ color:#fff; position: absolute;}
.category-img{height: 400px;}
.category-img img{position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0;}
.menu-category{background-color: #1a1a1a;bottom: 0;position: absolute;left: 15px;right: 15px;padding: 35px;color: #fff;display: none;}
.menu-category div.item{position: relative; line-height: 20px;}
.menu-category div.item a{position:relative;  color:#fff;}
.menu-category div.item a:hover{text-decoration: none; border-bottom: 1px solid #1a1a1a; padding-bottom: 2px; }

.category-img-col .overlay{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; opacity: 0; height: 400px;     -webkit-transition: opacity .1s ease-in-out;-moz-transition: opacity .1s ease-in-out;-ms-transition: opacity .1s ease-in-out;-o-transition: opacity .1s ease-in-out;transition: opacity .1s ease-in-out;}
.close{background-image: url(../images/close.png);background-size: 13px 13px;width: 26px;height: 26px;position: absolute;right: 30px;background-repeat: no-repeat;display: block;z-index: 9999;background-position: center;top: 28px;}

html.placeholder form.wpcf7-form label{display: none;}
form.wpcf7-form input,form.wpcf7-form textarea{width: 100%; padding: 10px; border:1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block;}
form.wpcf7-form input[type="submit"]{width: auto; padding: 10px 15px; margin-top: 10px;}

div.wpcf7-response-output{padding: 10px !important; margin: 10px 0 !important;}
.wpcf7-response-output.wpcf7-mail-sent-ok{color: #3c763d; background-color:#dff0d8; border:1px solid #d6e9c6;}
.wpcf7-response-output.wpcf7-validation-errors{color: #a94442;background-color: #f2dede; border: 1px solid #ebccd1;}
span.wpcf7-not-valid-tip{color: #a94442 !important; }

.main-content table{width: 100%; margin-bottom: 2em; margin-top: 2em; }
.main-content table td,
.main-content table th{padding:0.5em; border-right: 1px solid #1a1a1a;  border-bottom: 1px solid #1a1a1a; border-top: 1px solid #1a1a1a;  text-align: center;}
.main-content table th:last-child,
.main-content table td.no-border-right,
.main-content table td:last-child{ border-right: 0;}

.main-content table.big-table{font-size: .9em;}
.main-content p, .main-content ul{margin: 20px 0;}

.main-content ul{padding-left: 0;}
::-webkit-input-placeholder {text-transform: uppercase;}
:-moz-placeholder {text-transform: uppercase;}
::-moz-placeholder {text-transform: uppercase;}
:-ms-input-placeholder {  text-transform: uppercase;}

.mainmenu a, 
.submenus-container a{padding-bottom: 2px;}
.mainmenu.open a:hover,
.mainmenu a:hover,
.mainmenu span.open-submenu:hover,
.mainmenu span.parent-noclick:hover,
.submenus-container a:hover{text-decoration: none; border-bottom: 1px solid #1a1a1a; color:#1a1a1a;}
a.active,
.mainmenu.open a.current,
.submenu_2.open a.active.current,
.mainmenu.open a.active.current,
.submenu_2.open a.current{color:#1a1a1a; border-bottom: 1px solid #1a1a1a;}
.submenu_2{margin-left: 33px;}
.submenu_2.open a.active,
.mainmenu.open a.active{border-bottom: 0;}
.submenus-container{background-color: #fff; position: absolute; left: 0; right: 0; top: 80px; z-index: 999; display: none;}
.submenus-container ul{margin-bottom: 2.7em;}
.submenu_2 li::before {content: "›";float: right;}
.submenu_2.open li::before {color:#b3b3b3;}
.submenu_2.open li.black-chevron::before {color:#1a1a1a;}
.submenu{display: none;}

.navbar-toggle .icon-bar {background-color:#063151;}
.navbar-toggle {margin-top:22px; margin-right:-10px;}
.navbar-toggle .icon-bar {height:3px; width:30px;}

#home{line-height: 80px;}

@media (max-width:767px){/* XS  */
    .main-content table{font-size: 0.7em;}
    .main-content {border-right: 0;padding-right: 0;}
    .home-box-blue{height: 200px;  line-height: 200px;}
    .home-box .wrapper{padding: 25px;}
    .slogan{left: 15px; right: 15px; bottom: 50px;}
    .slogan br{display: none;}
    .slogan h1{font-size: 2.5em;}
    footer .container-fluid{padding: 25px;}
    .menu-bottom > li {margin-bottom: 25px;}
    .submenus-container{ display: none !important;}
    .hero-thumb{background-size: 768px; height: 200px;}   
    .menu-category div.item{line-height: 18px;}
    .main-content table.big-table{font-size: .7em; width: 439px;}
    .main-content table.big-table td{padding:1px;}
    .main-content .big-table-overflow{width: 100%; max-width: 100%; overflow-x: scroll;}
}

@media (min-width:768px) and  (max-width:991px){/* SM  */
    .col-sm-hidden{display: none;}
    .navbar-toggle {display: block;}
    .mainmenu{font-size: .9em;}
    .main-content table.big-table{font-size: .7em; width: 439px;}
    .main-content table.big-table td{padding:1px;}
    .main-content .big-table-overflow{width: 439px; max-width: 439px; overflow-x: scroll;}
    .menu-bottom > li {width: 16.66666667%; float: left;}
    .hero-thumb{background-size: 992px;}   
}
@media (min-width:992px) and  (max-width:1199px){/* MD  */
    #home{margin-left: -20px;}
    .hero-thumb{background-size: 1200px;}    
    .subsubmenu{display: none; font-size: 0.825em;}
    .main-content .big-table-overflow{width: 666px; max-width: 666px; overflow-x: scroll;}
}


@media (min-width:1200px){/* LG  */
    .hero-thumb{background-size: 100%;}
}

@media (max-width:991px){/* XS SM  */

    #menu_mobile{position: absolute; left: 0; right: 0; z-index: 999; background-color: #fff;}
    #menu-menu-wp{list-style-type: none; margin: 0 -15px; padding: 0; border-top: 1px solid #063151; }
    #menu-menu-wp li{border-bottom: 1px solid #063151;}
    #menu-menu-wp li a{display:block; padding: 1em; font-size: 1.2em;}
    #menu-menu-wp li a:hover{text-decoration: none;}
    #menu-menu-wp li a:focus{background-color: #063151; color: #fff;}
    .mainmenu{display: none;}
    .menu-category{padding: 15px 0; font-size: .9em;}
    .close {right: 15px;top: 13px;}
}

@media (max-width:1199px){/* XS SM MD */

}

@media (min-width:768px) and  (max-width:1199px){/* SM MD */

}

@media (min-width:992px){/* MD LG */
    .menu-bottom > li {width: 16.66666667%; float: left;}
    .menu-bottom > li:first-child {width: 8.33333333%}
    header .logo{margin-left: 23px;} 
}


@media (min-width:768px){/* SM MD LG */
    .category-img-col h1{margin: 30px 35px;}
}





/* Non-clickable parent menu items (Corporate Profile / Customer Service) */
.mainmenu span.parent-noclick,
.mainmenu .open-submenu.parent-noclick {
  display: inline;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  padding-bottom: 2px;
}
.mainmenu span.open-submenu.active,
.mainmenu span.parent-noclick:hover,
.mainmenu .open-submenu.parent-noclick:hover {
  text-decoration: none;
  border-bottom: 1px solid #1a1a1a;
  color: #1a1a1a;
}
#menu-menu-wp li span.parent-noclick,
.menu-bottom li > span.parent-noclick {
  display: inline-block;
  cursor: default;
  color: inherit;
}