/*!
Theme Name: ПГ Транспорт
Theme URI: http://underscores.me/
Author: Fashion BG
Author URI: https://www.fashion.bg/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pg_transport
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.

ПГ Транспорт 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/
*/
/* 
@font-face {
  font-display: swap;
  font-family: 'Sofia Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sofia-sans-condensed-v6-cyrillic-ext_latin-regular.woff2') format('woff2');
}
/* sofia-sans-condensed-500 - cyrillic-ext_latin */
@font-face {
  font-display: swap; 
  font-family: 'Sofia Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/sofia-sans-condensed-v6-cyrillic-ext_latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap; 
  font-family: 'BebasNeue-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/BebasNeue-Bold.woff2') format('woff2');
}

html{-webkit-text-size-adjust:100%;}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,::before,::after{box-sizing:inherit}
html{box-sizing:border-box;background-color: #e1effa;}
body{color:#000;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size:1rem;line-height:1.35;min-height: 100vh;display: flex; flex-direction: column}
.site-footer{margin-top: auto;}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0 0 1.5em 3em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
embed,iframe,object{max-width:100%}
img{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}
a,a:visited{color:#0b62c9;transition: all 0.3s ease-in-out}

a:hover,a:focus,a:active{color:#595959;text-decoration: none;}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
input:where([type="button"],[type="reset"],[type="submit"]),button{border:none;cursor:pointer;margin:0;height:36px}
input:where([type="text"],[type="email"],[type="url"],[type="password"],[type="search"],[type="tel"],[type="range"],[type="date"],[type="month"],[type="week"],[type="time"],[type="datetime"],[type="datetime-local"],[type="color"],[type="number"]),textarea{color:inherit;height:36px}
input:where([type="text"],[type="email"],[type="url"],[type="password"],[type="search"],[type="tel"],[type="range"],[type="date"],[type="month"],[type="week"],[type="time"],[type="datetime"],[type="datetime-local"],[type="color"],[type="number"]):focus,textarea:focus{}
select{height:36px}
textarea{width:100%;height:auto;min-height:120px}
input:where([type="text"],[type="email"],[type="url"],[type="password"],[type="search"],[type="tel"],[type="range"],[type="date"],[type="month"],[type="week"],[type="time"],[type="datetime"],[type="datetime-local"],[type="color"],[type="number"]), select, textarea{border:1px solid #0c62c9;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Sofia Sans Condensed';font-weight: normal;}
h1, .h1{font-size: clamp(2.375rem, 2.0046rem + 1.8519vw, 3.625rem);}
h2, .h2{font-size: clamp(1.75rem, 1.625rem + 0.625vw, 2.25rem);}
h3, .h3{font-size: clamp(1.5rem, 1.375rem + 0.625vw, 2rem);}
h4, .h4{font-size: clamp(1.125rem, 1rem + 0.625vw, 1.625rem);}
h5{font-size: 1em;}
button:where(.base){padding:0;margin:0;background-color:transparent;border:none}
ul:where(.base),.site-footer ul{list-style:none;padding:0;margin:0}
.main-navigation ul{list-style:none;margin:0;padding-left:0}
.main-navigation a{display:block;text-decoration:none}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}
/*.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}*/
.nav-links{margin-top: 1.5em;gap:10px;justify-content: space-between}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}
.sticky{display:block}

.updated:not(.published){display:none}

.page-links{clear:both;margin:0 0 1.5em}
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
.widget{margin:0 0 1.5em;overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;}
.widget select{max-width:100%;width: 100%;}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}
.custom-logo-link{display:inline-block}
.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:.8075em 0}
.wp-caption-text{text-align:center}
.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}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.screen-reader-text, .sro{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus, .sro:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
#primary[tabindex="-1"]:focus{outline:0}


.container{padding-left: 20px;padding-right: 20px;max-width: 1640px;margin-left: auto;margin-right: auto;}
.container.max-1360{max-width: 1360px;}
.sofia{font-family: 'Sofia Sans Condensed';}
.flex, aside .search-form{display: flex}
.grid{display: grid}
a.btn, .search-submit{text-decoration: none;background-color: #0b62c9;color: #fff; transition: all 0.3s ease-in-out;display: inline-block;padding: 7px 15px;border-radius: 3px}
a.btn:hover, .search-submit:hover{background-color: #000;}
.site-header, .site-footer{padding: 20px 0;}
.site-branding{display: flex; gap:20px;}
.custom-logo-link{flex:0 0 70px;}
.site-title{font-family: 'BebasNeue-Bold';font-weight: normal;margin: 0;color: #595959;font-size: clamp(1.5rem, 1.0357rem + 2.3214vw, 3.125rem);flex-basis: calc(100% - 120px)}

.i-sc img{width: 140px;display: block;margin: 0 auto;}
#primary-menu {font-family: 'Sofia Sans Condensed';font-size: 1.25em;}
#primary-menu .nav-menu > li > a{color: #000;}
#primary-menu li.page_item_has_children {position: relative}
#primary-menu li.page_item_has_children > a{margin-right: 40px;}
#primary-menu .toggler{width: 30px;height: 30px;position: absolute;right: 0;top: -4px;color:#0c62c9;background-color: #e1effa;}
#primary-menu .toggler svg{width: 12px;}
#primary-menu .toggler.active svg{transform: scale(-1)}
.hp-slider{padding: 5px 0;background-color: #0c62c9;position: relative;z-index: -1;}
.news-container .entry-header + .entry-content > p:first-child{margin-top: 0;}
.news-container > p.sofia{text-transform: uppercase;color: #0b62c9;margin: 0.5em 0 0.7em;padding-bottom: 1px;border-bottom: 2px solid #a3b9dd;}
.news-container .grid{grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap:20px}
.news-container article{padding: 10px;background-color: #fff;display: flex; flex-direction: column;border-radius: 3px;box-shadow: 0 0 3px rgba(0,0,0,0.3);transition: all 0.3s ease-in-out}
.news-container article:hover{box-shadow: 0 0 17px rgba(0,0,0,0.5)}
.news-container article footer{margin-top: auto;}
.news-container h2{margin: 0.5em 0;color: #0b62c9;line-height: 1.15;}
.posts-navigation{grid-column: 1 / -1;display: flex; justify-content: space-between}
.posts-navigation a {text-decoration: none;color: #0b62c9;}

aside .search-form{gap:10px}
aside .search-form label{flex:1 1 auto}
aside .search-form label input{width: 100%;}

.archive .page-header{color: #0b62c9;margin: 1em 0;padding-bottom: 1px;border-bottom: 2px solid #a3b9dd;}
.archive .page-header h1{margin: 0;}

 :where(.single-post, .category, .page, .archive) .max-1360{gap:40px}
 aside #nav_menu-4 ul{padding: 0;margin: 0;list-style: none;}
 aside #nav_menu-4 ul a{text-transform: uppercase;font-weight: 700;}

@media screen and (max-width: 480px){
    .posts-navigation a svg{display: none;}    
}
@media screen and (min-width: 481px){
    .posts-navigation{padding: 0 10px;}
    .posts-navigation a svg{width: 7px; vertical-align: middle;transition: all 0.3s ease-in-out}
.posts-navigation .prev a svg{margin-right: 5px;}
.posts-navigation .prev a:hover svg{margin-left: -5px;margin-right: 10px;}
.posts-navigation .next a svg{margin-left: 5px;}
.posts-navigation .next a:hover svg{margin-left: 10px;margin-right: -5px;}
}
@media screen and (max-width: 767px){
 .site-branding{flex-wrap: wrap} 
 .i-sc{flex:1 1 100%}
 :where(.single-post, .category, .page, .archive) .max-1360{flex-direction: column;}
}
@media screen and (min-width: 768px){
.flex-m{display: flex}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
.i-sc{flex:0 0 140px;}
.site-title{text-align: center;}
.site-branding{padding-right: 80px;}
.news-container .grid{grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));}
:where(body.single, body.page) .entry-title{margin-top: 0;}
:where(body.single, body.page) .widget-area{margin-top: 1em;}

:where(.single-post, .category, .page, .archive) main{flex:1 1 auto}
.widget-area{flex:0 0 240px;padding: 10px;background-color: #fff;}
}
@media screen and (min-width: 1024px) {
.flex-l{display:flex}
/*.site-header>.container{display: flex; align-items: center;padding: 25px 20px;justify-content: space-between;}*/
.news-container > p.sofia, .news-container .grid, .archive .page-header{padding-left: 40px;padding-right: 40px;}
.news-container .grid{gap:40px}
.widget-area{flex-basis: 340px;padding: 10px 20px;}
}
@media screen and (max-width: 1179px) {
.menu-toggle{display:block;width:32px;height:32px;position:absolute;right:20px;top:20px;z-index:9}
.menu-toggle .line{width:18px;height:2px;background-color:#0c62c9;display:block;margin:4px auto;transition:all .3s ease-in-out}
.main-navigation.toggled .menu-toggle{position: fixed;}
.main-navigation.toggled .menu-toggle .line:nth-child(2){opacity:0}
.main-navigation.toggled .menu-toggle .line:nth-child(1){transform:translateY(6px) rotate(45deg)}
.main-navigation.toggled .menu-toggle .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#primary-menu,.main-navigation::after{position:fixed;height:100vh;top:0;right:-101%;transition:all .3s ease-in-out;display:block}
#primary-menu{width:80vw;background-color:#fff;padding:5px 20px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;z-index:7;max-width:480px;border-top: 70px solid #fff;overscroll-behavior-y: contain;}
.main-navigation::after{content:'';width:100vw;background-color:#0009;z-index:1}
.main-navigation.toggled #primary-menu,.main-navigation.toggled::after{right:0}
.main-navigation ul ul{padding:15px 0 0 15px;display: none;}
#primary-menu li+li{margin-top: 15px;}
#primary-menu .current_page_item a{}
/*#primary-menu ul a{padding-left:20px;position:relative}
#primary-menu ul a::before{content:'\203A';left:5px;position:absolute}*/
#primary-menu >li:last-child {margin-top: 2em;}
}
@media screen and (min-width: 1180px) {
.menu-toggle{display:none}
.flex-l{display:flex}
.site-branding {padding-right: 20px;}
.home .site-header{padding-bottom: 0;}
.nav-container {margin-top: 10px;padding-top: 7px;padding-bottom: 5px;border-top: 2px solid #0c62c9;}
body:not(.home) .nav-container{border-bottom: 2px solid #0c62c9;}
#site-navigation{width: 100%;}
#primary-menu{line-height: 1;}
#primary-menu .nav-menu > li > ul{z-index: -1;}
#primary-menu .nav-menu > li:hover > ul{z-index: 7;}
#primary-menu li{position:relative}
#primary-menu a{}
#primary-menu > li > a{padding: 10px 0;}
/*#primary-menu >li.current_page_item > a{}
#primary-menu .sub-menu{width:220px;position:absolute;left:-1em;top:100%;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease-in-out;display:grid;}
#primary-menu li:hover .sub-menu,#primary-menu li.focus .sub-menu{max-height:500px;opacity:1}
#primary-menu .sub-menu a{text-transform: none;font-weight: 700;display: block;transition:all .3s ease-in-out;padding: 10px 1em;font-size: 15px;}
#primary-menu .sub-menu li:nth-child(odd) a:not(:hover){background-color: rgba(255,255,255,0.5);}
#primary-menu .sub-menu a:hover{background-color: #fff}*/
#primary-menu .nav-menu {display: flex;gap:5px; justify-content: space-between}
#primary-menu ul ul li+li {margin-top: 10px;}
.hp-slider{padding: 10px 0;}
}
@media screen and (min-width: 1400px){
    #site-navigation{width: 1360px;margin: 0 auto;}
    .news-container > p.sofia, .news-container .grid, .archive .page-header{padding-left: 80px;padding-right: 80px;}
    .news-container article{padding: 20px;}
}


@media screen and (min-width: 1180px) and (hover: none){
    #primary-menu .nav-menu ul{display: none;}   
    #primary-menu .toggler{background-color: #fff;width: 20px;height: 20px;top: 0;}
    #primary-menu li.page_item_has_children > a{margin-right: 26px;}
    #primary-menu .nav-menu > li.page_item_has_children > ul{position: absolute;}
    #primary-menu .nav-menu > li.page_item_has_children > button.active{color: #e07f00;}
    #primary-menu .nav-menu ul{padding: 10px;background-color: #fff}
    #primary-menu .nav-menu > li.page_item_has_children > ul{min-width: 260px;}
    #primary-menu .nav-menu > li:nth-last-child(-n+2)>ul{left: auto;right: 0;}
}
@media screen and (min-width: 1180px) and (hover: hover){
    #primary-menu .toggler{display: none;}   
    #primary-menu .nav-menu{gap:10px}
    #primary-menu .nav-menu > li > a{padding: 3px 0 7px;}
    #primary-menu .nav-menu > li.page_item_has_children > ul{max-height: 600px;overflow-y: auto;transition: all 0.2s ease-in-out;min-width: 320px;background-color: #fff;padding: 0 15px;opacity: 0;position: absolute;left: -15px;z-index: -1;border: 1px solid #fff}    
    #primary-menu .nav-menu > li.page_item_has_children:hover > ul{padding: 15px;opacity: 1;z-index: 1;}
    #primary-menu .nav-menu > li.page_item_has_children::after{position: absolute;bottom:0;content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
    border-width: 0px 7px 7px 7px;
    border-color: transparent transparent #fff transparent;left: 50%;margin-left: -4px;opacity: 0;transition: all 0.2s ease-in-out;
}
#primary-menu .nav-menu > li.page_item_has_children:hover::after{opacity: 1;}
    #primary-menu li.page_item_has_children > a{margin-right: 0;}
    #primary-menu .nav-menu ul ul{padding: 10px;margin: 10px 0 0 10px;background-color: #e1effa;}
    #primary-menu .nav-menu ul ul ul{background-color: #4169e1;}
    #primary-menu .nav-menu ul ul ul a{color: #fff;}
 #primary-menu .nav-menu > li:nth-last-child(-n+2)>ul{left: auto;right: 0;}   
}