/*!/wp-content/themes/ra_bro/style.css*/ 
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}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}body,button,input,select,optgroup,textarea{color:#404040;font-family:"Cuprum",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:18px;font-size:1.125rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both;font-family:'Cuprum';font-weight:400;line-height:1.2}h1{font-size:36px;font-size:2.25rem}h2{font-size:32px;font-size:2rem}h3{font-size:28px;font-size:1.75rem}h4{font-size:24px;font-size:1.5rem}h5{font-size:20px;font-size:1.25rem}h6{font-size:16px;font-size:1rem}p{margin:0 0 1.5em}dfn,cite,em,i{font-style:italic}blockquote{border-left:4px solid #FF4F4F;margin:30px 0;padding-left:1em}blockquote p{font-size:20px;font-size:1.25rem;margin-bottom:0}blockquote cite{margin-top:1em;display:inline-block}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;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;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}a{color:#006E9A;text-decoration:none}a:visited{color:#0800ff}a:hover,a:focus,a:active{color:#FF5238}a:focus{outline:thin dotted}a:hover,a:active{outline:0}ul,ol{padding-left:1rem;margin-left:1rem}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}img{height:auto;max-width:100%;vertical-align:middle}figure{margin:2em 0}table{border-collapse:collapse;margin:0 0 1.5em;width:100%}table,th,td{border:1px solid #ededed}th{background:#f8f8f8;padding:8px 15px;text-align:left}.site-footer table,.site-footer th,.site-footer td{border:1px solid #555}.site-footer th{background:#222}td{padding:5px 15px}button,input[type="button"],input[type="reset"],input[type="submit"]{border:none;border-radius:3px;background:#FF4F4F;color:#fff;cursor:pointer;font-size:14px;font-size:.875rem;font-weight:600;line-height:1;padding:1em 1.5em;text-transform:uppercase}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background:#222}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{background:#222}.bam-readmore{border-radius:3px;background:#FF4F4F;color:#fff;font-size:14px;font-size:.875rem;font-weight:600;line-height:1;padding:.6em 1.2em;text-transform:uppercase}.bam-readmore:hover{color:#fff;background:#222}.bam-readmore:visited{color:#fff}.bam-readmore:active,.bam-readmore:focus{color:#fff;background:#222}.entry-readmore{margin:27px 0 0}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ddd;padding:5px}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}select{border:1px solid #ddd}textarea{width:100%}.bam-navigation-container{position:relative}.bam-search-box-container{display:none}.bam-search-box-container{background:#fff;border:3px solid #E3E3E3;display:none;padding:5px;position:absolute;right:0;top:50px;width:350px;z-index:999}.bam-search-box input[type="submit"]{border-radius:0;box-shadow:none;border:none;height:40px;line-height:40px;padding:0;text-shadow:none;text-transform:uppercase;width:92px;cursor:pointer}.bam-search-box input[type="submit"]:focus{outline:none}.bam-search-box input[type="search"]{background:#f1f1f1;border:none;float:left;height:40px;margin:0;padding:0 11px;width:242px;border-radius:0}.bam-search-box input[type="search"]:focus{outline:none}.site-logo-image{float:left;margin-right:10px}.site-logo-image img{width:auto}.site-branding-text{float:left}.site-header.default-style{background-color:#fff}.site-header.default-style #site-header-inner{padding-top:28px;padding-bottom:28px;height:100%}.site-header.default-style .site-branding{float:left;height:100%}.site-header.default-style .header-sidebar{float:right}.site-header.default-style .header-sidebar .widget{margin:0}@media (max-width:850px){.site-header.default-style #site-header-inner.right-logo .header-sidebar,.site-header.default-style #site-header-inner.left-logo .header-sidebar{margin-top:20px}}.site-header.default-style #site-header-inner.center-logo{text-align:center}.site-header.default-style #site-header-inner.center-logo .site-branding{float:none;display:inline-block;margin:0 auto}.site-header.default-style #site-header-inner.center-logo .header-sidebar{display:table;float:none;margin-top:20px;margin-bottom:0;margin-left:auto;margin-right:auto}.site-header.default-style #site-header-inner.right-logo .site-branding{float:right;text-align:right}.site-header.default-style #site-header-inner.right-logo .header-sidebar{float:left}.site-title{font-family:inherit!important;font-size:44px;font-size:2.75rem;font-weight:700;margin:0;line-height:1.2}.site-title a{color:#FF4F4F}.site-title a:hover{color:#000}.site-header.horizontal-style #site-header-inner-wrap{background:#141414}.site-header.horizontal-style .site-branding{float:left;display:table;height:100%}.site-header.horizontal-style .site-branding-inner{display:table-cell;vertical-align:middle;height:65px}.site-header.horizontal-style .site-title{font-size:36px}.site-header.horizontal-style .site-title a:hover{color:#ddd}.site-header.horizontal-style{color:#ccc;font-size:14px;margin:0;margin-bottom:20px}.site-header.horizontal-style .main-navigation{float:right}.site-header.horizontal-style .header-sidebar{width:100%;float:none;background:#eee;padding:20px}.site-header.horizontal-style .header-sidebar .widget{margin:0}@media (max-width:576px){.site-header.horizontal-style .header-sidebar{padding:10px}}.site-header.horizontal-style .header-sidebar-inner{margin:0 auto;display:table;max-width:1400px}.main-navigation{font-size:16px;font-size:1rem}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:1px 1px 4px rgba(0,0,0,.15);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:-10px}.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul{left:100%}.main-navigation ul ul li a{font-weight:400;line-height:1.3;text-transform:none;width:200px}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul{left:auto}.main-navigation li{float:left;position:relative}.main-navigation li a{display:block;text-transform:uppercase;text-decoration:none;font-weight:600}.main-navigation li.menu-item-has-children>a:after,.main-navigation li.page_item_has_children>a:after{font-family:FontAwesome;content:"\f107";display:inline-block;line-height:1;font-size:14px;margin:1px 0 0 10px;font-weight:400}.main-navigation .menu-item-has-children .menu-item-has-children>a:after,.main-navigation .page_item_has_children .menu-item-has-children>a:after{font-family:FontAwesome;content:"\f105";display:inline-block;float:right;line-height:20px;font-size:14px;margin:0 0 0 10px;font-weight:400}.rtl .main-navigation .menu-item-has-children .menu-item-has-children>a:after,.rtl .main-navigation .page_item_has_children .menu-item-has-children>a:after{content:"\f104"}.site-header.default-style .main-navigation{clear:both;display:block;float:left;width:100%;background:#141414}.site-header.default-style .main-navigation ul li a{color:#fff;line-height:50px;padding:0 16px}.site-header.default-style .main-navigation ul li a:hover{color:#FF4F4F}.site-header.default-style .main-navigation ul ul{padding:10px;background:#333}.site-header.default-style .main-navigation ul ul li a{color:#eee;padding-top:10px;padding-bottom:10px;line-height:1.3}.site-header.default-style .main-navigation ul ul li a:hover{color:#fff;background:#FF4F4F}.site-header.default-style .main-navigation .current_page_item>a,.site-header.default-style .main-navigation .current-menu-item>a,.site-header.default-style .main-navigation .current_page_ancestor>a,.site-header.default-style .main-navigation .current-menu-ancestor>a{color:#FF4F4F}@media screen and (min-width:959px){.site-header.default-style .main-navigation #site-navigation-inner.align-center #primary-menu{display:table;margin:0 auto}}.site-header.default-style .main-navigation #site-navigation-inner.align-right #primary-menu{float:right}.site-header.default-style .main-navigation #site-navigation-inner.align-left #primary-menu{float:left}.site-header.default-style .main-navigation #site-navigation-inner.show-search ul{margin-right:40px}.site-header.horizontal-style .main-navigation ul li a{color:#fff;line-height:65px;padding:0 16px}.site-header.horizontal-style .main-navigation ul li a:hover{color:#FF4F4F}.site-header.horizontal-style .main-navigation ul ul{padding:10px;background:#333}.site-header.horizontal-style .main-navigation ul ul li a{color:#fff;padding-top:10px;padding-bottom:10px;line-height:1.3}.site-header.horizontal-style .main-navigation ul ul li a:hover{color:#fff;background:#FF4F4F}.site-header.horizontal-style .main-navigation .current_page_item>a,.site-header.horizontal-style .main-navigation .current-menu-item>a,.site-header.horizontal-style .main-navigation .current_page_ancestor>a,.site-header.horizontal-style .main-navigation .current-menu-ancestor>a{color:#FF4F4F}.site-header.horizontal-style .main-navigation #site-navigation-inner.show-search ul{margin-right:40px}#site-navigation-inner{position:relative}.mobile-dropdown{clear:both}.mobile-navigation{display:none;background:#333}.mobile-navigation ul{list-style:none;margin:0;padding:30px}.mobile-navigation ul li{position:relative;border-bottom:1px solid #222}.mobile-navigation ul li a{display:block;width:100%;line-height:45px;color:#fff;font-size:16px;font-size:1rem;text-transform:uppercase}.mobile-navigation ul ul{display:none;padding:0 0 0 20px;border-top:1px solid #222}.mobile-navigation ul ul.toggled-on{display:block}.mobile-navigation.toggled-on{display:block}.menu-toggle{cursor:pointer;border:none;background:transparent;line-height:50px;border-radius:0;padding:0 10px;color:#fff;display:block;font-size:16px;font-size:1rem}.menu-toggle i.fa{margin-right:10px}.site-header.horizontal-style .menu-toggle{line-height:65px}.dropdown-toggle{cursor:pointer;background:transparent;color:#fff;font-size:18px;position:absolute;top:0;right:0;line-height:45px;padding:0 15px;border-left:1px dotted #222;border-right:1px dotted #222;border-radius:0}button.dropdown-toggle::after{content:'+'}button.dropdown-toggle.toggled-on::after{content:'-'}@media screen and (min-width:959px){.mobile-dropdown,.menu-toggle{display:none}.main-navigation ul{display:block}}.site-header.horizontal-style .bam-search-button-icon{line-height:65px}.site-header.horizontal-style .bam-search-box-container{top:65px}.site-header.default-style .bam-search-button-icon{line-height:50px}.site-header.default-style .bam-search-box-container{top:50px}.bam-search-button-icon{position:absolute;top:0;right:0;padding:0 16px;color:#fff;cursor:pointer}@media (max-width:959px){.site-header.horizontal-style .bam-search-button-icon{right:80px}}.bam-search-box-container{display:none;position:absolute;right:0}.bam-search-box-container.active{display:block}.pagination{margin:15px 0 40px;display:block!important;position:relative!important;text-align:center!important;padding-top:70px!important;padding-bottom:70px!important}.pagination .page-numbers{color:#404040;border:1px solid #e0e0e0;background-color:#fff;min-width:44px;height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;transition:all 0.3s ease;cursor:pointer;user-select:none;margin:4px}.pagination .page-numbers.prev,.pagination .page-numbers.previous,.pagination .page-numbers.next{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important;max-width:240px!important;height:46px!important;background:#f49134!important;border:none!important;color:#ffffff!important;font-weight:600!important;text-transform:uppercase!important;font-size:14px!important;letter-spacing:1px!important;box-shadow:0 4px 14px rgba(244,145,52,.25)!important}.pagination .page-numbers.next{top:0!important;bottom:auto!important}.pagination .page-numbers.prev,.pagination .page-numbers.previous{bottom:0!important;top:auto!important}.pagination .page-numbers.prev::before,.pagination .page-numbers.previous::before{content:"\2190\a0\a0";font-size:16px}.pagination .page-numbers.next::after{content:"\a0\a0\2192";font-size:16px}.pagination a.page-numbers.prev:hover,.pagination a.page-numbers.previous:hover,.pagination a.page-numbers.next:hover{background:#dd7c1e!important;transform:translateX(-50%) scale(1.03)!important;box-shadow:0 6px 20px rgba(244,145,52,.35)!important;color:#ffffff!important}.pagination .page-numbers.current{background:#f49134!important;border-color:#f49134!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(244,145,52,.3)!important}.pagination a.page-numbers:not(.prev):not(.previous):not(.next):hover,.pagination a.page-numbers:not(.prev):not(.previous):not(.next):focus{background:#f49134!important;border-color:#f49134!important;color:#ffffff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(244,145,52,.2)!important}.pagination a.page-numbers:active{transform:translateY(0) scale(1)!important}"



.infinite-scroll .pagination {
  display: none;
}





/* ==========================================================================
   2. СОХРАНЕННАЯ НАВИГАЦИЯ ДЛЯ ВНУТРЕННИХ СТРАНИЦ И КОММЕНТАРИЕВ
   ========================================================================== */

.site-main .comment-navigation, 
.site-main .post-navigation {
  margin: 0 0 60px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.post-navigation .nav-previous .meta-nav,
.post-navigation .nav-next .meta-nav {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #bdbdbd;
}

.post-navigation .nav-previous .post-title,
.post-navigation .nav-next .post-title {
  color: #000000;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}

.post-navigation .nav-previous .post-title:hover,
.post-navigation .nav-next .post-title:hover {
  color: #FF4F4F;
}




/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
.bam-topbar {
  border-bottom: 1px solid #eeeeee;
  background: #f5f5f5;
}

.bam-topbar .bam-social-link i {
  font-size: 14px;
  line-height: 35px;
  padding: 0 5px;
}

@media (min-width: 992px) {
  .bam-topbar {
    height: 35px;
  }
}

.bam-topbar-social {
  float: right;
}

.bam-social-icon .fa {
  font-family: FontAwesome !important;
}

.bam-topbar-social.colored .bam-social-link.facebook i {
  color: #3b5998;
}

.bam-topbar-social.colored .bam-social-link.twitter i {
  color: #33ccff;
}

.bam-topbar-social.colored .bam-social-link.dribbble i {
  color: #ea4c89;
}

.bam-topbar-social.colored .bam-social-link.pinterest i {
  color: #c8232c;
}

.bam-topbar-social.colored .bam-social-link.github i {
  color: #171515;
}

.bam-topbar-social.colored .bam-social-link.tumblr i {
  color: #34526f;
}

.bam-topbar-social.colored .bam-social-link.youtube i {
  color: #c4302b;
}

.bam-topbar-social.colored .bam-social-link.flickr i {
  color: #ff0084;
}

.bam-topbar-social.colored .bam-social-link.vimeo i {
  color: #1AB7EA;
}

.bam-topbar-social.colored .bam-social-link.instagram i {
  color: #3f729b;
}

.bam-topbar-social.colored .bam-social-link.codepen i {
  color: #000;
}

.bam-topbar-social.colored .bam-social-link.linkedin i {
  color: #0e76a8;
}

.bam-topbar-social.colored .bam-social-link.yelp i {
  color: #d32323;
}

.bam-topbar-social.colored .bam-social-link.skype i {
  color: #00aff0;
}

.bam-topbar-social.colored .bam-social-link.vk i {
  color: #45668e;
}

.bam-topbar-social.colored .bam-social-link.email i {
  color: #e4b872;
}

.bam-topbar-social.colored .bam-social-link.vine i {
  color: #00b488;
}

.bam-topbar-social.colored .bam-social-link.tripadvisor i {
  color: #00af87;
}

.bam-topbar-social.colored .bam-social-link.rss i {
  color: #f26522;
}

.bam-topbar-social.colored .bam-social-link i:hover {
  color: #222222;
}

.bam-topbar-social.dark .bam-social-link i {
  color: #333333;
}

.bam-topbar-social.dark .bam-social-link i:hover {
  color: #d32323;
}

.bam-topbar-social.light .bam-social-link i {
  color: #dddddd;
}

.bam-topbar-social.light .bam-social-link.tripadvisor i:hover {
  color: #00af87;
}

.bam-topbar-social.light .bam-social-link.rss i:hover {
  color: #f26522;
}

.bam-topbar-social.light .bam-social-link.vine i:hover {
  color: #00b488;
}

.bam-topbar-social.light .bam-social-link.email i:hover {
  color: #e4b872;
}

.bam-topbar-social.light .bam-social-link.vk i:hover {
  color: #45668e;
}

.bam-topbar-social.light .bam-social-link.skype i:hover {
  color: #00aff0;
}

.bam-topbar-social.light .bam-social-link.facebook i:hover {
  color: #3b5998;
}

.bam-topbar-social.light .bam-social-link.twitter i:hover {
  color: #33ccff;
}

.bam-topbar-social.light .bam-social-link.dribbble i:hover {
  color: #ea4c89;
}

.bam-topbar-social.light .bam-social-link.pinterest i:hover {
  color: #c8232c;
}

.bam-topbar-social.light .bam-social-link.github i:hover {
  color: #171515;
}

.bam-topbar-social.light .bam-social-link.tumblr i:hover {
  color: #34526f;
}

.bam-topbar-social.light .bam-social-link.youtube i:hover {
  color: #c4302b;
}

.bam-topbar-social.light .bam-social-link.flickr i:hover {
  color: #ff0084;
}

.bam-topbar-social.light .bam-social-link.vimeo i:hover {
  color: #1AB7EA;
}

.bam-topbar-social.light .bam-social-link.instagram i:hover {
  color: #3f729b;
}

.bam-topbar-social.light .bam-social-link.codepen i:hover {
  color: #000;
}

.bam-topbar-social.light .bam-social-link.linkedin i:hover {
  color: #0e76a8;
}

.bam-topbar-social.light .bam-social-link.yelp i:hover {
  color: #d32323;
}

.bam-date {
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  margin-right: 25px;
  float: left;
}

.top-navigation {
  clear: both;
  display: inline-block;
}

.top-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.top-navigation ul ul {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  background: #f5f5f5;
}

.top-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.top-navigation ul ul li:hover > ul,
.top-navigation ul ul li.focus > ul {
  left: 100%;
}

.top-navigation ul ul a {
  width: 200px;
}

.top-navigation ul li:hover > ul,
.top-navigation ul li.focus > ul {
  left: auto;
}

.top-navigation li {
  float: left;
  position: relative;
}

.top-navigation a {
  color: #222222;
  display: block;
  line-height: 35px;
  padding: 0 10px;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 600;
}

.top-navigation a:hover {
  color: #888888;
}

@media screen and (max-width: 767px) {
  .top-navigation {
    display: none;
  }
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  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;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

/* ==========================================================================
   БЕЗОПАСНОЕ СКРУГЛЕНИЕ ДЛЯ КАРТИНОК БЛОГА (CLS = 0)
   ========================================================================== */
.blog-entry-inner img.aligncenter,
article img.aligncenter {
    /* Только скругление углов, без тяжелых теней и трансформ, ломающих верстку */
    border-radius: 16px !important;
    
    /* Официальный стандарт Google для борьбы с ошибкой Unsized Image */
    aspect-ratio: attr(width) / attr(height) !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}







/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

.clearfix:after {
  content: '';
  display: block;
  visibility: hidden;
  clear: both;
  zoom: 1;
  height: 0;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 60px;
  /* Make sure select elements fit in widgets. */
}

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

.widget a {
  color: #000000;
}

.widget a:hover {
  color: #ff4f4f;
}

.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget ul li {
  padding: 5px 0;
}

.widget ul li a {
  color: #422f03;
font-family: 'Cuprum';
font-size: 26px;
}

.widget ul li a:hover {
  color: #FF4F4F;
}

body.separate-containers #secondary .widget {
  background: #ffffff;
  padding: 25px;
}

.widget-title {
  color: #000000;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.3;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 15px;
  padding-bottom: 3px;
}

.footer-widget-area {
  background: #222222;
  overflow: hidden;
}

.footer-widget-area .widget {
  color: #dddddd;
  margin: 50px 0;
}

.footer-widget-area .widget a {
  color: #eeeeee;
}

.footer-widget-area .widget a:hover {
  color: #FF4F4F;
}

.footer-widget-area .widget-title {
  color: #eeeeee;
  border-bottom: none;
}

@media (min-width: 768px) {
  .footer-widget-area-inner {
    margin: 0 -20px;
  }
  .th-columns-1 .col {
    width: 100%;
    padding: 0 20px;
  }
  .th-columns-2 .col {
    width: 50%;
    float: left;
    padding: 0 20px;
  }
  .th-columns-3 .col {
    width: 33.3333%;
    float: left;
    padding: 0 20px;
  }
  .th-columns-4 .col {
    width: 25%;
    float: left;
    padding: 0 20px;
  }
}

/* Search widget */
.search-form {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.search-form .search-field {
  display: block;
  margin: 0;
  height: 45px;
  padding: 10px 90px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 3px;
  width: 100%;
}

.search-form label {
  display: block;
}

.search-form .search-field::placeholder {
  color: #aaa;
}

.search-form .search-submit {
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.search-form .search-submit:hover {
  background: #222;
}

/* Small Posts */
.bms-posts {
  margin-left: 0;
  margin-right: 0;
  width: 47.3469387755102%;
  float: left;
}

@media (max-width: 768px) {
  .bms-posts {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}

.bms-thumb {
  float: left;
  margin-right: 15px;
}

.bms-thumb img {
  max-width: 120px;
  vertical-align: top;
}

.bms-details {
  overflow: hidden;
}

.bms-title {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 8px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.27;
}

.bms-title a {
  color: #000000;
}

.bms-title a:hover {
  color: #ff4f4f;
}

.bms-post {
  margin-bottom: 30px;
}

/* Tab Widget */
ul.bm-tab-nav {
  overflow: hidden;
  margin: 0 0 25px 0;
  list-style: none;
  padding: 0;
}

li.bm-tab {
  float: left;
  padding: 0 !important;
  text-align: center;
  width: 25%;
}

li.bm-tab a {
  width: 100%;
  border-bottom: 1px solid #dddddd;
}

li.bm-tab.th-ui-state-active a {
  border-bottom: 1px solid #ff4f4f;
  outline: 0;
}

.bm-tabs-wdt .bm-tab-anchor {
  font-size: 15px;
  padding: 10px 20px;
  line-height: 40px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
}

.bm-tabs-wdt .bm-tab-anchor:focus {
  outline: none;
}

@media (max-width: 1199px) {
  .bm-tabs-wdt .bm-tab-anchor {
    padding: 10px 15px;
    font-size: 14px;
  }
}

.bm-tabs-wdt #bam-recent,
.bm-tabs-wdt #bam-comments,
.bm-tabs-wdt #bam-tags {
  display: none;
}

.bmw-comment {
  overflow: hidden;
  margin: 0 0 1em;
}

.bmw-comment-author,
.bam_comment_post {
  font-weight: 600;
}

.bmw-comment {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 5px;
}

.bmw_avatar {
  float: left;
  margin: 0 1em 0 0;
}

.bmw_avatar img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.bmw-comm-content {
  overflow: hidden;
}

/* Tags Cloud */
.tagcloud a{
	display: inline-block;
	font-size: 14px!important;
	border: 1px solid #eee;
	padding: 5px 15px;
	margin: 0 3px 10px;
	color: inherit;
}
.tagcloud a:hover{
	background: #E66625;
	border-color: #E66625;
	color: #fff;
}

.widget_sidebar_posts .widget-title {
  margin-bottom: 25px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/
body {
  background: #ffffff;
}

body.boxed-layout {
  background: #dddddd;
}

body.boxed-layout #page {
  max-width: 1400px;
  margin: 0 auto;
  background: #ffffff;
}

body.boxed-layout .container {
  width: auto;
  max-width: 94.286%;
}

body.boxed-layout .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.container {
  margin: 0 auto;
  width: 1320px;
  max-width: 94%;
}

.container-fluid {
  padding: 0 20px;
}

@media (min-width: 768px) {
  #primary {
    width: 72%;
    float: left;
    padding-right: 20px;
  }
  #secondary {
    width: 28%;
    float: right;
    padding-left: 20px;
  }
  body.left-sidebar #primary {
    float: right;
    padding-left: 20px;
    padding-right: 0;
  }
  body.left-sidebar #secondary {
    float: left;
    padding-left: 0;
    padding-right: 20px;
  }
}

body.no-sidebar #primary {
  width: 100%;
  float: none;
  padding: 0;
}

body.no-sidebar #secondary {
  display: none;
}

body.center-content #primary {
  width: 80%;
  float: none;
  padding: 0;
  margin: 0 auto;
}

@media (max-width: 768px) {
  body.center-content #primary {
    width: 100%;
  }
}

body.center-content #secondary {
  display: none;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.site-content {
  padding: 40px 0;
	

}

.single-post .post {
  margin-bottom: 50px;
}

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

.page-content,
.entry-content {
  margin: 2em 0 0;
  line-height: 1.7;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

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

.grid-style .bam-entry.th-col-1 {
  clear: both;
}

.grid-style.th-grid-2 .bam-entry {
  width: 47.849462365591398%;
  float: left;
}

.grid-style.th-grid-2 .bam-entry:nth-of-type(2n) {
  margin-left: 4.301075268817204%;
  float: right;
}

.grid-style.th-grid-3 {
  margin: 0 -20px;
}

.grid-style.th-grid-3 .bam-entry {
  width: 33.33333%;
  float: left;
  padding: 0 20px;
}

.grid-style.th-grid-4 {
  margin: 0 -20px;
}

.grid-style.th-grid-4 .bam-entry {
  width: 25%;
  float: left;
  padding: 0 20px;
}

.grid-style.th-grid-5 {
  margin: 0 -20px;
}

.grid-style.th-grid-5 .bam-entry {
  width: 20%;
  float: left;
  padding: 0 20px;
}

.grid-style.th-grid-6 {
  margin: 0 -20px;
}

.grid-style.th-grid-6 .bam-entry {
  width: 16.66666%;
  float: left;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .grid-style.th-grid-2 .bam-entry {
    width: 100%;
  }
  .grid-style.th-grid-2 .bam-entry:nth-of-type(2n) {
    margin-left: 0;
  }
  .grid-style.th-grid-3,
  .grid-style.th-grid-4,
  .grid-style.th-grid-5,
  .grid-style.th-grid-6 {
    margin: 0;
  }
  .grid-style.th-grid-3 .bam-entry,
  .grid-style.th-grid-4 .bam-entry,
  .grid-style.th-grid-5 .bam-entry,
  .grid-style.th-grid-6 .bam-entry {
    width: 100%;
    float: none;
    padding: 0;
  }
}

/* ==========================================================================
   ОПТИМИЗИРОВАННЫЙ ДИЗАЙН КАРТОЧЕК ПОСТОВ (ЧИСТЫЙ СТИЛЬ БЕЗ СЖАТИЯ)
   ========================================================================== */

.entry-title {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

.bam-entry {
  margin-bottom: 50px;
}

.bam-entry .category-list {
  margin: 10px 0 5px;

;
}

.bam-entry .entry-header {
  margin-bottom: 15px;
}

.bam-entry .entry-title {
  font-size: 25px;
  font-size: 1.5625rem;
  margin: 0 0 10px;
  line-height: 1.2;
}

.bam-entry .entry-title a {
  color: #000000;
}

.bam-entry .entry-title a:hover {
  color: #FF4F4F;
}

.bam-entry .entry-summary {
  margin: 0 0 25px;
}

.bam-entry .entry-summary p {
  margin: 0;
}


.bam-entry.grid-entry .post-thumbnail {
  margin-bottom: 10px;
}

body.separate-containers {
  background-color: #eeeeee;
}

body.separate-containers .blog-entry-inner {
  padding: 25px;
  background: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 20px;
}

body.boxed-layout.custom-background.separate-containers .site-content,
body.boxed-layout.separate-containers .site-content {
  background-color: #eeeeee;
}

body.separate-containers.single .site-main,
body.separate-containers.page .site-main {
  padding: 25px;
  background: #ffffff;
}

body.separate-containers .bam-entry.grid-entry .post-thumbnail {
  margin: -25px -25px 15px -25px;
}

body.separate-containers.single .post-thumbnail {
  margin: -25px -25px 25px -25px;
}

.related-post-meta,
.entry-meta {
  font-size: 14px;
  font-size: 0.875rem;
  color: #999999;
}

.related-post-meta a,
.entry-meta a {
  color: #999999;
}

.related-post-meta a:hover,
.entry-meta a:hover {
  color: #FF4F4F;
}

.related-post-meta i.fa,
.entry-meta i.fa {
  margin-right: 6px;
}

.related-post-meta .byline a,
.entry-meta .byline a {
  color: #000000;
}

.related-post-meta .byline a:hover,
.entry-meta .byline a:hover {
  color: #FF4F4F;
}

.cat-links {
  color: #cccccc;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
}

.cat-links a {
  color: #f27c45;
}

.cat-links a:hover {
  color: #df5210;
}

.byline,
.posted-on,
.comments-link {
  margin-right: 1em;
  display: inline-block;
}

.byline img.author-photo {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
}

.large-style .bam-entry .entry-title {
  font-size: 32px;
  font-size: 2rem;
}

@media (min-width: 768px) {
  .bam-entry.list-entry .post-thumbnail {
    width: 37.634408602150538%;
    float: left;
    margin-right: 3.763440860215054%;
    margin-bottom: 0px;
  }
  .bam-entry.list-entry .blog-entry-content {
    overflow: hidden;
  }
}

.bam-entry.large-entry .post-thumbnail {
  margin-bottom: 15px;
}

/**
 * Single Posts.
 */
.single .entry-title {
  color: #000000;
  font-size: 36px;
  font-size: 2.25rem;
  margin: 0 0 10px;
  line-height: 1.3;
}

.single .post-thumbnail {
  margin-bottom: 30px;
}

.single .category-list {
  margin: 0 0 8px;
}

.single .entry-header {
  margin-bottom: 30px;
}

/* Контейнер для меток */
.tags-links {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

/* Статичный заголовок "Метки" (Отличительный премиальный малиновый) */
.bam-tags-title {
  font-size: 14px;
  font-weight: 700;
  background: #FF4F4F; /* Сделали главным отличительным акцентом */
  display: inline-block;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 8px; 
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Кликабельные теги-ссылки в едином оранжевом стиле сайта */
.tags-links a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  
  /* Плотный сочный оранжевый с микро-градиентом для объема */
  background: linear-gradient(180deg, #f49134 0%, #eb8528 100%); 
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 8px; /* Сохраняем форму, отличную от категорий-капсул */
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  
  /* Дорогая объемная тень в тон сочного оранжевого */
  box-shadow: 0 2px 4px rgba(244, 145, 52, 0.2), 
              0 4px 12px rgba(244, 145, 52, 0.15);
  
  /* Тонкий внутренний блик по верхнему краю */
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
              background-color 0.25s ease, 
              box-shadow 0.25s ease;
}

/* Эффект при наведении — уход в благородный коралл (мостик к заголовку) */
.tags-links a:hover {
  background: linear-gradient(180deg, #db6b43 0%, #cf5f37 100%); 
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(219, 107, 67, 0.35);
  transform: translateY(-2px);
}

/* НАСТОЯЩИЙ ЖИВОЙ ОТКЛИК ПРИ НАЖАТИИ (Active) */
/* 1. БАЗОВОЕ СОСТОЯНИЕ */
.tags-links a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  
  /* Отключаем стандартное выделение на iOS, чтобы не мешало */
  -webkit-tap-highlight-color: transparent; 
  
  /* Плавный возврат кнопки в исходное положение */
  transition: 
    transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), 
    box-shadow 0.2s ease, 
    background-color 0.2s ease;
}

/* 2. ЭФФЕКТ ВДАВЛИВАНИЯ (Для ПК через :active) */
.tags-links a:active {
  transform: scale(0.94) translateY(1.5px) !important; 
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24) !important; 
  background-color: #b5502b !important; 
  transition: transform 0.03s ease !important; 
}

/* 3. ПОДГОТОВКА СЛОЯ ДЛЯ ВСПЫШКИ */
.tags-links a::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-color: #ffffff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.1, 0.8, 0.25, 1);
}

/* 4. ВСПЫШКА ПРИ КЛИКЕ (Для ПК через :active) */
.tags-links a:active::after {
  opacity: 0.35 !important;
  transition: opacity 0s !important; 
}

/* 5. ФИКС ДЛЯ МОБИЛЬНЫХ (Дополнительная поддержка тач-скринов) */
@media (pointer: coarse) {
  .tags-links a:hover {
    /* Сбрасываем ховер на мобилках, чтобы кнопка не оставалась бледной/темной после тапа */
    background-color: initial; 
  }
}









/* Related Posts */
.bam-related-posts .related-post {
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .bam-related-posts .related-post {
    width: 33.3333%;
    padding: 0 15px;
    float: left;
  }
  .bam-related-posts .related-post:nth-child(3n+1) {
    clear: both;
  }
}

.bam-related-posts .related-post-title {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
 font-family: "ReformaGroteskMediumC";
}

@media (min-width: 768px) {
  .related-posts-wrap {
    margin: 0 -15px;
  }
}

.related-section-title {
  color: #000000;
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin: 0 0 35px;
}

.related-post-thumbnail img {
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.related-post-title {
  margin: 0 0 8px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
}

.related-post-title a {
  color: #000000;
}

.related-post-title a:hover {
  color: #FF4F4F;
}

/* Author Box */
.bam-authorbox {
  padding: 20px;
  border: 1px solid #dddddd;
  margin: 0 0 50px;
}

.bam-authorbox .author-name {
  font-size: 19px;
  margin: 0 0 25px;
}

.bam-author-img {
  float: left;
  margin-right: 25px;
}

.bam-author-content {
  overflow: hidden;
}

.author-posts-link {
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
}

.author-posts-link:visited {
  color: #000000;
}

.author-posts-link:hover {
  color: #FF4F4F;
}

/* Page Styling */
.page-entry-title {
  margin: 0 0 1em;
}

.page-header {
  margin: 0 0 50px;
}

.page-title {
  margin: 0;
}

.archive .page-title {
  color: #000000;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.3;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding-bottom: 3px;
}

.archive-description {
  margin-top: 15px;
}

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

.comment-content p {
  margin-top: 0;
}

.bypostauthor {
  display: block;
}

.comment-list {
  margin: 0 0 1.5em 0;
  list-style: none;
  padding: 0;
}

.says, .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
  padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 1.3125;
  padding-top: 1.304em;
}

.comments-title {
  margin-bottom: 1.304em;
}

.comment-list {
  list-style: none;
  margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
  border-top: 1px solid #dddddd;
  padding: 30px 30px 30px 75px;
  position: relative;
}

.comment-list .children {
  list-style: none;
  margin: 0;
}

.comment-list .children > li {
  padding-left: 0.875em;
}

.comment-author {
  color: #1a1a1a;
  margin-bottom: 0.4375em;
  line-height: 1;
  display: inline;
}

.comment-author a {
  color: #FF4F4F;
}

.comment-author a:hover {
  color: #222;
}

.comment-author .avatar {
  height: 50px;
  position: absolute;
  width: 50px;
  left: 0;
  top: 22px;
  border-radius: 50%;
}

.comment-metadata,
.pingback .edit-link {
  color: #888888;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6153846154;
}

footer.comment-meta {
  margin-bottom: 25px;
}

.comment-metadata {
  margin-left: 5px;
  display: inline-block;
}

.comment-metadata a,
.pingback .comment-edit-link {
  color: #888888;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
  color: #FF4F4F;
}

.comment-metadata .edit-link,
.pingback .edit-link {
  display: inline-block;
}

.comment-content ul,
.comment-content ol {
  margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
  margin-bottom: 0;
}

.comment-reply-link {
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-top: 1.250em;
  padding: 0.417em 0.833em;
  font-weight: bold;
  background: #222;
  text-transform: uppercase;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
  background: #FF4F4F;
  color: #fff;
  outline: 0;
}

.comment-form label {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.077em;
  line-height: 1.5;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.comment-list .comment-form {
  padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.5em;
}

.comment-notes a,
.comment-awaiting-moderation a,
.logged-in-as a,
.form-allowed-tags a {
  color: #404040;
}

.comment-notes a:hover,
.comment-awaiting-moderation a:hover,
.logged-in-as a:hover,
.form-allowed-tags a:hover {
  color: #FF4F4F;
}

.no-comments {
  border-top: 1px solid #dddddd;
  font-weight: 700;
  margin: 0;
  padding-top: 1.75em;
}

.comment-navigation + .no-comments {
  border-top: 0;
  padding-top: 0;
}

.form-allowed-tags code {
  font-family: Inconsolata, monospace;
}

.comment-respond .form-submit {
  margin-bottom: 2em;
}

.required {
  color: #FF4F4F;
}

.comment-reply-title {
  border-top: 1px solid #ddd;
}

.comment-reply-title small {
  font-size: 100%;
}

.comment-reply-title small a {
  border: 0;
  float: right;
  font-size: 0;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
  color: #1a1a1a;
}

.comment-reply-title small a:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 20px;
  position: relative;
  top: -5px;
  color: #FF4F4F;
}

.comment-form .comment-form-cookies-consent label {
  display: inline;
  margin-left: 1em;
}

@media (max-width: 480px) {
  .comment-form input[type="text"],
  .comment-form input[type="email"],
  .comment-form input[type="url"] {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.wp-block-quote {
  border-left: 4px solid #FF4F4F;
  margin: 30px 0;
  padding-left: 1em;
}

.wp-block-quote p {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.wp-block-quote cite {
  margin-top: 10px;
}

.wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align:right"] {
  border-right: 4px solid #FF4F4F;
}

.wp-block-pullquote blockquote {
  border: none;
}

.wp-block-pullquote cite {
  margin-top: 1.5em;
  display: inline-block;
}

ul.wp-block-gallery {
  margin: 0 0 30px 0;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-info {
  background: #000000;
  color: #dddddd;
  font-size: 16px;
  font-size: 1rem;
  padding: 20px 0;
}

.site-info a {
  color: #eeeeee;
}

.site-info a:hover {
  color: #FF4F4F;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

.entry-content .fitvids-video {
  margin-bottom: 1.6em;
}

/*--------------------------------------------------------------
## 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;
}

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

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.reel {
 text-align: center;
}

li.menu-item-39960 a {
    color: gold;
}

@font-face {
	font-family: 'ReformaGroteskMediumC';
	src: url(/wp-content/themes/ra_bro/ReformaGroteskMediumC.eot);
	src: local('ReformaGroteskMediumC'),
		url('/wp-content/themes/ra_bro/ReformaGroteskMediumC.eot?#iefix') format('embedded-opentype'),
		url(/wp-content/themes/ra_bro/ReformaGroteskMediumC.woff) format('woff'),
		url(/wp-content/themes/ra_bro/ReformaGroteskMediumC.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
 font-display:swap;}

.main a {
color: gold !important;
}

.widget ul li a {
  color: #422f03;
font-family: 'Cuprum';
font-size: 22px;
font-weight: 700;
}

.related-post-title a {
  color: #000000;
	font-family: 'Cuprum';
	font-size: 20px;
font-weight: 700;
}

.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 1rem 0 0;
    border: none;
    margin-bottom: 10px;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
}



/* 1. Более специфичный селектор для блоков WP */
.entry-content p.has-background, 
.wp-block-paragraph.has-background,
.wp-block-preformatted {
    font-size: 17px !important;
	padding: 1.25em 2.375em;
/*box-shadow: 0 5px 10px gray, -5px -10px 20px #eeeeee;*/
}

/* 2. Если это блок "Цитата" или "Группа", добавьте и их */
.wp-block-group p.has-background {
    font-size: 17px !important;
}

.down2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: orange;
}



/* Изолированный фикс только для кнопок категорий */
.cat-links {
  display: flex !important;
  flex-wrap: nowrap !important; /* Строго в один ряд */
  
  /* Умное ограничение: блок занимает ровно столько, сколько ему выделила тема */
  width: 100% !important;
  max-width: 100% !important; 
  box-sizing: border-box !important;
  
  /* Разрешаем скролл ТОЛЬКО внутри кнопок */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  
  /* Включаем плавный нативный скролл для пальца */
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: smooth !important;
  
  gap: 8px !important;
  margin-bottom: 15px !important;
  padding: 4px 4px 12px 4px !important; /* Отступ снизу прячет десктопный скроллбар в большинстве браузеров */
}

/* Категории — сочный цвет и защита от переносов */
.cat-links a {
  display: inline-block !important;
  white-space: nowrap !important; /* Текст внутри кнопки никогда не порвется на 2 строки */
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 7px 18px !important;
  border-radius: 50px !important;
  background: #f49134 !important;
  border: 1px solid #f49134 !important;
  box-shadow: 0 4px 12px rgba(244, 145, 52, 0.15) !important;
  
  /* Защита от квадратных теней на мобильных */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0,0,0);

  transition: transform 0.2s ease, background-color 0.25s ease !important;
}

/* Мягкий ховер */
.cat-links a:hover {
  background: #db6b43 !important;
  border-color: #db6b43 !important;
  transform: translateY(-1px) !important;
}

/* Полное скрытие полосы прокрутки (современный стандарт) */
.cat-links::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.cat-links {
  scrollbar-width: none !important; /* Фикс для Firefox */
}

/* Прячем текстовые слеши-разделители внутри контейнера категорий */
.cat-links {
  font-size: 0 !important; /* Обнуляем размер шрифта для голого текста (слешей) */
}

/* Возвращаем правильный размер шрифта для самих кнопок-ссылок */
.cat-links a {
  font-size: 14px !important; 
}


/* Нажатие кнопки внутри категории */
.cat-links a:active {
  transform: scale(0.97) !important; /* Уменьшаем именно кнопку */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important; /* Ослабляем тень */
 -webkit-tap-highlight-color: transparent; /* Убирает системную синюю вспышку при клике на смартфонах */
}




/* Глобальное и безопасное удаление горизонтального скролла для всего сайта */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    padding: 0;
}

/* Фикс для сетки темы Bam во всех разделах */
.site, #page, #primary, .content-area, .clearfix {
    box-sizing: border-box !important;
}




/*Размытие фото класс*/
/*.blur-on-click {
    filter: blur(1px);           
    transition: filter 0.7s ease;
    cursor: pointer;
    user-select: none;
}
.blur-on-click.active {
    filter: blur(0);
}
.blur-on-click:hover {
    box-shadow: 0 0 25px rgba(0,0,0,0.3);
}*/




/* цитата Оранжевая полоса */
.wp-block-preformatted {
    background-color    : #f8f9fa;
    border-left         : 6px solid #f8a756;
    border-radius       : 6px;
    padding             : 1.8rem 2.2rem;
    font-family         : Cuprum;
    font-size           : 1.125rem;
    line-height         : 1.78;
    color               : #1a1a1a;
    box-shadow          : 0 5px 10px gray, -5px -10px 20px #eeeeee;
}

/* Разрешаем браузеру использовать родные пропорции фото для резервирования места */
.lg-thumb-img {
    display: block;
    width: 100%;
    height: auto;
    
    content-visibility: auto; /* Помогает браузеру не рендерить то, что вне экрана */
}

/* Контейнер для кнопок */
.all-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

/* Заголовки букв */
.letter-title {
    width: 100%;
    font-size: 24px;
    color: #6366f1;
    border-bottom: 2px solid #f0f0f0;
    margin: 20px 0 10px 0;
    padding-bottom: 5px;
}

/* Стили кнопок */
.tag-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px !important;
    background: #ffffff !important;
    color: #374151 !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.tag-btn:hover {
    background-color: #6366f1 !important;
    color: #ffffff !important;
    border-color: #6366f1 !important;
    transform: translateY(-2px);
}

/* Счетчик */
.tag-count {
    background: #f3f4f6;
    color: #6b7280;
    padding: 2px 8px;
    border-radius: 20px;
    margin-left: 8px;
    font-size: 11px;
}

.tag-btn:hover .tag-count {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

/* Поле поиска */
#tagSearch {
    width: 100%;
    max-width: 400px;
    padding: 12px 25px;
    border: 2px solid #e5e7eb;
    border-radius: 50px;
    margin-bottom: 20px;
    outline: none;
}
#tagSearch:focus { border-color: #6366f1; }

/* Стилизация конкретной кнопки */
#menu-item-87696 a {
    background-color: #cc2f83;
    color: #ffffff !important;
    padding: 5px 15px !important;
    border-radius: 22px;
    font-weight: bold;
    display: inline-block !important;
    line-height: 1.2 !important;
    
    /* Выравнивание по центру */
    vertical-align: middle !important;
    /* Если все равно чуть выше, можно подправить этим значением: */
    position: relative;
    top: 5px; 
    
    transition: all 0.3s ease;
}

/* Специально для мобильной навигации */
.mobile-navigation ul li.menu-item-87696 a {
    background-color: #ff0055 !important;
    color: #ffffff !important;
    display: block !important; /* Растягиваем на всю ширину */
    width: 100% !important;
    line-height: 45px !important; /* Возвращаем высоту как у других пунктов */
    padding: 0 15px !important;
    margin: 0 !important;
    border-radius: 0 !important; /* Убираем скругление, чтобы была вровень со списком */
    text-align: left !important; /* Выравнивание текста как у остальных */
}


/* Сетка для карточек */
.custom-fav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* Сама карточка */
.fav-card {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    transition: 0.3s;
}

.fav-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Кликабельная картинка */
.fav-link-img img {
    width: 100%;
    height: 150px;
    object-fit: cover; /* Чтобы картинки были одного размера */
    border-radius: 5px;
    margin-bottom: 10px;
    display: block;
}

/* Жирный заголовок */
.fav-link-title {
    display: block;
    font-weight: 800 !important; /* Максимально жирный */
    font-size: 16px;
    color: #333;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 1.2;
}

/* Кнопка удаления (делаем компактной) */
.fav-remove-btn button {
    font-size: 12px;
    padding: 5px 10px;
}



/* 1. Центрируем контейнер с названием и описанием */
.site-branding {
    display: flex !important;
    flex-direction: column !important; /* Ставим описание под заголовок */
    align-items: center !important;    /* Центрируем по горизонтали */
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    float: none !important;            /* Убираем привязку к левому краю */
    margin: 20px 0 !important;         /* Добавляем отступы сверху/снизу */
}

/* Премиальная карточка, выровненная по ширине заголовка */
.site-description {
    /* Интеграция в поток и защита от CLS */
    display: inline-block; /* Карточка будет точно такой же ширины, как её текст или родитель */
    width: 100%; /* Занимает всю доступную ширину внутри блока site-branding */
    box-sizing: border-box;
    min-height: 54px; /* Резерв высоты против CLS */
    
    /* Шрифты и выравнивание текста */
    /* font-family: 'Cuprum', sans-serif; */
     font-size: 16px; 
    font-weight: 400;
    line-height: 1.5;
    /* color: #2c1d1d; */
    text-align: inherit; /* Наследует выравнивание текста от заголовка (по центру или по левому краю) */
    
    /* Отступы */
    margin: 15px 0 30px 0; /* 15px от заголовка, 30px до кнопки ниже */
    padding: 14px 20px; /* Внутренние премиальные отступы */
    
    /* Премиальный дизайн: Карточка-рамка */
    background: #fdfbf7; /* Благородный мягкий фон */
    border: 1px solid #e6daf2; /* Очень тонкая, аккуратная рамка */
    border-left: 5px solid #b3925a; /* Фирменная золотая полоса слева для акцента */
    border-radius: 4px; /* Легкое элегантное скругление углов */
    
    /* Мягкая тень */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    
    /* transition: all 0.3s ease;  */
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .site-description {
        font-size: 15px;
        padding: 12px 15px;
        min-height: auto;
		content-visibility: auto; /* Помогает браузеру быстрее рендерить элемент */
		
    }
}




/* 3. Убираем возможные отступы у самого заголовка */
.site-title {
    margin: 0 !important;
    line-height: 1.1 !important;
}

/* 3. Эффект при наведении (Hover) */
.site-branding .site-title a:hover,
#masthead .site-title a:hover {
    color: #ff4500 !important; /* Цвет при наведении (например, оранжевый) */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1); /* Легкая тень */
    transform: translateY(-1px); /* Легкое смещение вверх */
}

.site-navigation {
min-height: 40px; 
}



/* Infinity */
/* Красивая кнопка "Загрузить ещё" */
.load-more-btn {
    display: block;
    width: 100%;
    max-width: 800px;           
    margin: 50px auto 40px;
    padding: 18px 30px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    background-color: #f49134; /* Всегда ваш сочный оранжевый */
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    
    /* Профессиональная физика Apple для упругого отклика */
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.25s ease;
                
    box-shadow: 0 4px 15px rgba(244, 145, 52, 0.25);
}

/* При наведении: кнопка ОСТАЕТСЯ сочной, но плавно взлетает */
.load-more-btn:hover {
    background-color: #f49134; /* Цвет не меняется, сохраняем сочность */
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(244, 145, 52, 0.35); /* Тень становится гуще */
}

/* ЭФФЕКТ НАДАВЛИВАНИЯ ПРИ КЛИКЕ (ЦВЕТ НЕ МЕНЯЕТСЯ) */
.load-more-btn:active {
    /* Кнопка мягко пружинит вниз и сжимается, имитируя дорогую механическую клавишу */
    transform: translateY(1px) scale(0.98);
    /* Тень полностью уходит под кнопку, создавая эффект плотного прижатия к экрану */
    box-shadow: 0 2px 6px rgba(244, 145, 52, 0.15);
}

/* Состояние загрузки */
.load-more-btn.loading {
    background-color: #f4a05a;
    cursor: wait;
    transform: none !important;
    box-shadow: none !important;
}

/* Неактивное состояние */
.load-more-btn:disabled {
    background-color: #999;
    box-shadow: none;
    transform: none;
}


/* Фиксим смещение и центрирование */
.related-posts-wrap {
    width: 100%;
}

#related-container {
    width: 100%;
}








/* ==========================================================================
   Топ 30 для мобил
   ========================================================================== */
@media (max-width: 768px) {
    /* Перестраиваем карточку в один вертикальный ряд */
    .top-posts-container .top-post-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
        padding: 15px !important;
    }

    /* Смещаем номер поста наверх и делаем его строчным */
    .top-posts-container .post-number {
        min-width: auto !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 1.3rem !important;
    }

    /* Растягиваем блок с картинкой на 100% ширины */
    .top-posts-container .post-thumbnail {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Заставляем саму картинку Kama Thumb адаптироваться под экран */
    .top-posts-container .post-thumbnail img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* Выравниваем заголовки по левому краю */
    .top-posts-container .post-content {
        width: 100% !important;
    }
    
    .top-posts-container .post-title {
        font-size: 1.15rem !important;
    }
}

@media (max-width: 480px) {
    /* 1. Предотвращаем появление полосы прокрутки на самом сайте */
    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 2. Уменьшаем padding основного контейнера, чтобы освободить место */
    main#primary .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 3. Уменьшаем главный заголовок, чтобы он не распирал экран */
    main#primary h1 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
    }

    /* 4. Жестко контролируем картинку Kama Thumb внутри контейнера */
    .top-posts-container .post-thumbnail a,
    .top-posts-container .post-thumbnail img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
    }

    /* 5. Корректируем карточку, убирая лишние сдвиги */
    .top-posts-container .top-post-item {
        padding: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* --- ДЕСКТОП: Идеальное выравнивание 50/50 --- */
div[style*="width:50%"] video,
div[style*="width:50%"] video,
div[style*="width:50%"] .mejs-container,
div[style*="width:50%"] .mejs-container {
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  height: auto !important;
}
div[style*="width:50%"] video,
div[style*="width:50%"] video {
  object-fit: cover !important;
}

/* --- МОБИЛЬНЫЕ: Тотальное выравнивание плееров по классам WP --- */
@media (max-width: 768px) {
  /* Бьем напрямую по стандартным классам видеоплеера WordPress, игнорируя div */
  .wp-video,
  .wp-video-shortcode,
  .mejs-container,
  .mejs-embed,
  video {
    aspect-ratio: auto !important;
    height: 580px !important; /* Принудительная одинаковая высота на смартфонах */
  }

  /* Заставляем саму видеоленту заполнить эти 450px без черных полос */
  video {
    object-fit: cover !important;
	object-position: center center !important; /* Центрирует видео, чтобы важные детали не обрезались с одного края */
  }
}

/* В полноэкранном режиме встроенного плеера WP показываем видео полностью без обрезки */
.mejs-fullscreen video,
.mejs-fullscreen .mejs-mediaelement video {
  object-fit: contain !important;
  height: 100% !important;
  width: 100% !important;
}


/* --- 1. ШКАЛА ЗАПОЛНЕНИЯ (В цвет вашего сайта #f49134) --- */
.mejs-time-current, 
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #f49134 !important;
}

/* --- 2. БОЛЬШАЯ КНОПКА PLAY ПО ЦЕНТРУ (Стрелка + Круг) --- */
.mejs-overlay-button {
  filter: none !important; /* Убираем оранжевый фильтр, возвращая белый цвет */
  background-color: rgba(0, 0, 0, 0.5) !important; /* Безопасный круглый фон */
  border-radius: 50% !important; /* Делаем его круглым */
  
  /* Гарантируем, что родная белая стрелочка WordPress останется на месте */
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* --- 3. МАЛЕНЬКАЯ КНОПКА PLAY В ПАНЕЛИ (Просто белая) --- */
.mejs-playpause-button button {
  filter: none !important;
}



/* ДЛя категорий и меток ОПИСАНИЕ дизайн */
.page-header, .archive-header, .taxonomy-description-wrapper {
    /* Нежный пастельно-оранжевый фон с сильным размытием */
    /* Нежный шелковый перелив */
  background: rgba(255, 245, 235, 0.55) !important; /* Чуть плотнее и белее */
    backdrop-filter: blur(40px) saturate(120%) !important; /* Экстремальное размытие */
    -webkit-backdrop-filter: blur(40px) saturate(120%) !important;
	
    
    /* Тройная сложная тень для создания эффекта "выпуклости" и объема */
    box-shadow: 
        0 4px 6px -1px rgba(139, 54, 0, 0.05),
        0 20px 40px -5px rgba(139, 54, 0, 0.15), /* Глубокая теплая тень под блоком */
        inset 0 1px 2px rgba(255, 255, 255, 0.6) !important; /* Внутренний блик сверху для объема */
    
    /* Тонкая глянцевая рамка */
    border: 1px solid rgba(255, 255, 255, 0.5) !important; 
    border-radius: 24px !important; /* Красивые скругленные углы */
    
    /* Геометрия блока */
    max-width: 100% !important;
    width: 100% !important;
    padding: 48px !important; /* Просторные премиальные отступы */
    margin-bottom: 48px !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* Элегантный глубокий заголовок */
h1.page-title {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #1a0a00 !important; /* Очень темный коричнево-черный вместо скучного серого */
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.2 !important;
}

/* Изящное описание */
.archive-description {
    display: block !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #261305 !important; /* Благородный темный оттенок, сочетающийся с оранжевым */
    border-left: 3px solid transparent !important;
    border-image: linear-gradient(to bottom, rgba(255,255,255,0.8), #d46a11) 1 !important;
    padding-left: 24px !important;
    margin: 0 !important;
}

/* Стили для параграфов внутри описания */
.archive-description p {
    color: #261305 !important;
    font-size: 16px !important;
    margin-bottom: 14px !important;
}
.archive-description p:last-child {
    margin-bottom: 0 !important;
}

/* Специальные премиум-настройки для мобильных экранов */
@media screen and (max-width: 767px) {
    
    /* 1. Расширяем плашку, уменьшая внутренние отступы */
    .page-header, .archive-header, .taxonomy-description-wrapper {
        padding: 24px 20px !important; /* Уменьшили отступы: 24px сверху/снизу и всего 20px по бокам */
        margin-bottom: 24px !important; /* Снизили отступ до контента, чтобы не скроллить долго */
        border-radius: 16px !important; /* Чуть уменьшили скругление для узких экранов */
    }

    /* 2. Делаем заголовок аккуратным и компактным */
    h1.page-title {
        font-size: 26px !important; /* Уменьшили размер, чтобы длинные названия не занимали 4 строчки */
        margin-bottom: 16px !important; /* Прижали ближе к тексту */
    }

    /* 3. Оптимизируем текстовый блок */
    .archive-description {
        font-size: 15px !important; /* Оптимальный размер для чтения с экрана телефона */
        line-height: 1.5 !important; /* Слегка уплотнили строки */
    }

    /* 4. Смягчаем кофейную линию, чтобы она не съедала ширину текста */
    .archive-description p {
        font-size: 15px !important;
        padding-left: 14px !important; /* Текст пододвинулся ближе к левому краю */
        margin-bottom: 10px !important;
    }
}






/* Базовый контейнер GIF */
.gif-clickable-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  max-width: 100%;
}

.gif-clickable-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Светлая премиальная плашка «матовое стекло» */
.gif-clickable-wrapper::after {
  content: "GIF";
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  
  /* Эффект размытого стекла (актуально для современных интерфейсов) */
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  
  /* Текст цвета антрацит — мягкий и стильный */
  color: #222222 !important;
  
  padding: 9px 22px !important;
  border-radius: 30px !important;
  
  /* Тонкая рамка цвета вашего бренда */
  border: 1px solid rgba(254, 190, 146, 0.6) !important;
  
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;*/
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-indent: 2px !important;
  
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
  pointer-events: none;
  z-index: 99;
  opacity: 1;
  visibility: visible;
}

/* При наведении плашка полностью окрашивается в ваш фирменный цвет */
.gif-clickable-wrapper:hover::after {
  background: #febe92 !important;
  border-color: #febe92 !important;
  color: #111111 !important;
  box-shadow: 0 6px 25px rgba(254, 190, 146, 0.4) !important;
}

/* Плавное исчезновение при воспроизведении */
.gif-clickable-wrapper.is-playing::after {
  opacity: 0 !important;
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .gif-clickable-wrapper img {
    width: 100% !important;
    height: auto !important;
  }
}

/* Убираем ложные плашки GIF с обычных адаптивных картинок блогов */
.blog-entry-inner .gif-clickable-wrapper::after,
article .gif-clickable-wrapper::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Возвращаем плашку ТОЛЬКО если картинка внутри контейнера РЕАЛЬНО имеет расширение .gif */
.blog-entry-inner .gif-clickable-wrapper img[src*=".gif"]::after,
article .gif-clickable-wrapper img[src*=".gif"]::after{display:block!important;opacity:1!important;visibility:visible!important}.teaser-button{pointer-events:auto!important;background-color:#9333ea!important;color:#ffffff!important;padding:14px 28px!important;border-radius:8px!important;font-weight:bold!important;text-decoration:none!important;display:inline-block!important;white-space:nowrap!important;transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out!important;box-shadow:0 4px 12px rgba(168,85,247,.3)!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.teaser-button:hover:not(:active),.teaser-button:focus:hover:not(:active){background-color:#9333ea!important;transform:translateY(-3px) scale(1.02)!important;box-shadow:0 6px 20px rgba(168,85,247,.4)!important}.teaser-button:active{background-color:#9333ea!important;transform:translateY(1px) scale(.97)!important;box-shadow:0 2px 6px rgba(168,85,247,.2)!important}.teaser-button:focus,.teaser-button:focus-visible{outline:none!important}@media screen and (min-width:992px){.custom-teaser-block{position:absolute!important;width:300px!important;left:50%!important;margin-left:-150px!important;display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:none;z-index:99999!important;margin-top:-57px!important}}@media screen and (max-width:991px){div.custom-teaser-block,.custom-teaser-block{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;height:50px!important;display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:none!important;z-index:99999!important;margin-top:-55px!important;margin-left:0!important;margin-right:0!important;padding:0!important}div.custom-teaser-block .teaser-button,.custom-teaser-block .teaser-button{pointer-events:auto!important;display:inline-block!important;margin:0 auto!important;padding:15px 25px!important;font-size:16px!important}}