/*!
  Theme Name: Формы панелей ограждения в Кобрине
  Theme URI: https://betoplast.by/
  Description: Формы панелей ограждения, садовая архитектура, установка фонтанов, мебель садовая.
  Author: Astudio
  Author URI: https://astudi.ru
  Version: 2.7
  Stable tag: 2.7
  Tested up to: 6.3
  Text Domain: betoplast
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
*, *::before, *::after { -webkit-box-sizing: border-box;     box-sizing: border-box; -webkit-tap-highlight-color: transparent;}  // убирает синее подсвечивание при клике на девайсах.
  h1, h2, h3, h4, h5, h6 { font-family: 'Exo 2';   color: #1f1f1f;  margin-top: .5rem;  margin-bottom: 1rem;  font-family: inherit;  font-weight: 500;  line-height: 1.2; }
  h1 { font-size: 2.5rem;  color: #1f1f1f; text-align: center;  }  
  h2 {  font-size: 2rem; color: #1f1f1f;text-align: center;  } 
  h3 {  font-size: 1.75rem; color: #1f1f1f; margin-block-start: 0.2em;   margin-block-end: 0.2em;  }  
  h4 {  font-size: 1.55rem; color: #1f1f1f;   margin-block-start: 0.5em;  margin-block-end: 0.5em;  } 
  h4 img {padding-right: 15px; display: inline-flex;  }
  h5 {  font-size: 1.3rem;  text-transform: uppercase;  color: #5b5b5b;  padding: 9px 0px;    margin: 0.7rem 0;   height: 55px;  position: relative; }  
  h6 {font-size: 1.2rem; color: #4c4c4c;  margin-block-start: 0.9em;  margin-block-end: 0.9em; display: inline-flex;  }
  h6 img {padding-right: 15px; }
  p {  margin-top: 0;  margin-bottom: .7rem; }

/* Кнопка вверх */    
#totop {cursor:pointer; position: fixed; right: 30px; bottom: 30px; z-index: 9; display: none; outline: none; }
body {margin: 0;  font-family:'Montserrat', sans-serif; font-size: 17px;  font-weight: 400;   line-height: 1.7; color: #2b2a2f; }
a { color: #2b2a2f;  }

/* Основные настройки сайта
 ========================================================================== */
 header { background: #ebf9f1;  }
.container {max-width: 1350px; width: 100%; margin: 0 auto;  padding: 0 15px;}
.wp-caption {  margin-bottom: 1.25rem;  max-width: 100%; }
.wp-caption.alignleft {  margin: 5px 20px 20px 0; }
.wp-caption.alignright {  margin: 5px 0 20px 20px; } 
.wp-caption img {   display: block;   margin-left: auto;  margin-right: auto; }
.wp-caption-text { margin: 0; }
.gallery-caption { display: block; font-size: 0.8125rem; line-height: 1.5; margin: 0; padding: 0.75rem; }
.pagination { margin: 20px auto; }
.clearfix:before, .clearfix:after { content: "";  display: table;}
.clearfix:after {clear: both;}
.descno {display: none;}
.tw { overflow-x: auto; } 
.aligncenter {display: block;margin-left: auto;margin-right: auto;}

/* Шапка сайта  моя ========================================================================== */
.headtop  { height: 35px;  z-index: 700;  width: 100%; background-color: #126335;  position: fixed; width: 100%;left: 0;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); }
.hcont { display: flex; justify-content: space-between; align-items: center; padding-top: 40px;}
.logoblock {  display: flex;  -webkit-box-pack: start;  justify-content: flex-start;  flex-direction: row;   -webkit-box-align: center;   -ms-flex-align: center;   align-items: center;}
.logoblock img {    width: 300px;   padding: 0.3vw;   display: inline-block;   -ms-flex-negative: 0;   flex-shrink: 0;}
.logome {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;   -ms-flex-align: center;   align-items: center;    margin-right: 2vw;}
.logomem { display: none;}
.logotext {font-size: 0.9rem; line-height: 1.4;}
.adresme { display: flex;  flex-wrap: wrap; align-items: center;  margin-left: 50px; font-size: 0.8rem; }
.adrimg {width: 22px; margin-right: 15px; display: flex; align-items: center;  justify-content: center;  position: relative;}
.telbot {  display: flex;  justify-content: center;  align-items: center;  padding: 5px 15px; background: #126335;  border-radius: 100px 100px 100px 100px; }
.telbot:hover{ background: #919191; }
.telbot a { color: #fff; }
.telbot a:hover { color: #eee; }
.telbot img {  width: 18px; margin-right: 10px;  }
.viberme img{width: 28px; margin-left: 15px; display: flex; align-items: center;  justify-content: center;  position: relative;}

 
/* === Меню  десктоптное  ========================================================================== */ 
.amenu{  display: -webkit-box;display: -ms-flexbox; display:flex; letter-spacing: 0.3px; height: 35px;}
.amenu>li{ flex:1; text-align:center;  font-size: 0.9rem; letter-spacing: 0.4px;  }
.amenu>li>a{ background-color: #126335; display:block; line-height: 35px;  color:#fff; text-transform: uppercase; }
.amenu>li>a:hover {color: #e8e8e8; background: #126335;  }
.amenu>li:not(:first-child){}
.sub-menu>li>a{ display: block; color: #fff; }
.sub-menu:hover .sub-menu-layout{display:block;}
.sub-menu-layout{  display:none;}
.sub-menu-layout>li{ line-height: 35px; background-color: #126335; text-align: left; }
.sub-menu-layout>li a{ line-height: 35px; background-color: #126335; color:#fff;  display: block; padding: 0px 45px 0px 20px; min-width: 200px;  }
.sub-menu-layout>li a:hover {color: #e8e8e8; background: #656565;}
.sub-menu>a:after{  content: "↓"; margin-left: 7px;   font-weight: bold; font-size: 0.8rem;    text-rendering: auto; transform:rotate(45deg);  position:relative;  transition:0.5s transform ease;}
.sub-menufr { width: 127px;margin-top:5px;   padding: 3px 16px; border-radius: 30px; background: #ca3 !important; font-size: 0.9em;  font-weight: 700;  line-height: 20px  !important;}
.newsam {padding-right:8px; color:#ffee00;font-size:0.8em; }

/* Меню  мобильное  ========================================================================== */
.ham1 { position: fixed; right:10px; top: 0px;  cursor: pointer;   -webkit-tap-highlight-color: transparent;   transition: transform 400ms;   user-select: none;}
.ham1 path{    fill: none;    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;    stroke: #000;    stroke-width: 5.5;stroke-linecap: round;}
.ham1.active {    transform: rotate(45deg);}
.ham1 .top {    stroke-dasharray: 40 139;}
.ham1 .bottom {    stroke-dasharray: 40 180;}
.ham1.active .top {    stroke-dashoffset: -98px;}
.ham1.active .bottom {   stroke-dashoffset: -138px;}
#menu-toggle{  opacity: 0; }
#menu-toggle:checked ~ .menubox{ visibility: visible;   left: 0; }
.menut {display: none; } 
#menu-toggle { display: none;}
.newsamm {padding-right:8px; color:#b03;font-size:0.8em; }

/* Меню в выдвижной панели */
ul#menu-mob, ul#menu-mob ul { list-style-type:none; padding: 0px; width: 100%;}
ul#menu-mob a { display: block; text-decoration: none; }
ul#menu-mob li { margin-top: 1px; }
ul#menu-mob li a{color: #505050; padding: 7px 17px; border-bottom: 1px solid #ccc;}
ul#menu-mob li a:hover { background: #d2d2d2; }
ul#menu-mob li ul li a { background: #d2d2d2; padding-left: 30px; font-size: 0.9rem;  }
ul#menu-mob li ul li a:hover  { background: #e8e8e8; }
ul#menu-mob .menum-child > a:before { content: "+"; float: right; font-size: 1.2rem; line-height: 27px; }

.tdirec  { padding-top:20px; color: #b00; font-size: 0.9em; text-align: center; }

/* Шапка в мобильном */
.menubox {position:fixed;  z-index:77;  top: 60px;  left: -350px;  background: #dedede; width: 350px; height: 100vh; transition: all 0.5s;  overflow-y: scroll;  overflow-x: hidden; padding: 15px; }
.boxinfo { text-align: center; padding-bottom: 15px; border-bottom: 1px #ccc solid; font-size: 0.9rem; line-height: 24px;}
.boxinfoa { text-align: center; padding-top: 20px; }

/* Первая страница
 ========================================================================== */
 .page-id-2 .page-header {display:none;}
 .glawn-row  { padding: 20px 0 40px 0px;  display: flex; justify-content: space-around; align-items: center; flex-wrap:wrap;}
 .glawn-text {width: 50%; padding: 0px 10px;}
 .glawn-text img { border-radius: 22px; border: 1px #ccc solid; }
 
 .hhome { text-align: center; font-size: 1.5rem; }
 
 /* Адреса */
 .meflex { display: flex; justify-content: space-around; align-items: center; flex-wrap:wrap; padding: 25px;}
 .mefl { width: 220px; padding: 10px 0px; font-size: 0.8em; }
 .adf { font-size: 1em; font-weight: 600; color: rgb(161, 0, 0); padding-bottom: 7px;  }
 
 /* Почему мы */
 .servnum {display: flex;	flex-wrap: wrap;	margin-right: -10px;	margin-left: -10px; }
 .servnum-list {	border: 2px solid #E7E8EA; background: #fff; 	box-shadow: 0 4px 12px rgb(131 131 131 / 15%);	box-sizing: border-box;	border-radius: 11px;	display: flex;	align-items: center;	width: calc((100% - 60px) / 3);	padding: 12px 16px;	margin-bottom: 20px;	margin-right: 10px;	margin-left: 10px;}
.servnum-list-item-img {	display: flex;	margin-right: 22px;}
.servnum-list-item-img  img {min-width: 55px;}
.servnum-list-item-text {	font-size: 16px;	line-height: 140%;}
 
  /* Каталог */
  .mecat {display: flex; justify-content: space-around; align-items: center; flex-wrap:wrap; padding: 25px; font-size: 16px; line-height: 140%; text-align: center; }
  .mecat p {margin-bottom: 0rem;}
  .mecat-list {	border: 2px solid #E7E8EA; background: #F6F6F6;	border-radius: 11px;	align-items: center;	padding: 25px;	margin-bottom: 20px; width: 195px;}
  .mecat-list:hover {	border: 2px solid #b77900; background: #ffe;	border-radius: 22px;}
  .mecat-list img {	height: 110px; padding-bottom: 12px;}
 
 .pagem { background: url(https://betoplast.by/wp-content/uploads/2024/01/bg3.jpg) center no-repeat;  background-size: cover;  border-radius: 35px;  padding: 90px 38px 57px;  margin: 45px 0;}
 .pagem-wrap { margin-left: auto; width: 570px;  font-size: 1.2rem; line-height: 125%; letter-spacing: 0.02em;}
 
 
/* Страницы сайта ========================================================================== */
.page-header { background: #eee; padding:7px 20px; margin-bottom: 30px; border-radius: 12px; }
.entry-title { text-align: center; font-size: 1.5rem; }
.post-date {  font-size: 0.9rem; float: right; }
.elementor-widget-container h5 { margin-block-start: 1em; }

/* Для архива новостей */
.newscont{float: left; width: 70%; }
.newsbar {float: right; width: 25%; padding-top: 70px;}
.wp-block-search__label {font-weight: 600; padding-bottom: 10px; }
.wp-block-archives ul, .wp-block-archives select { margin-top: 30px; }
.wp-block-archives li a {border: 1px solid #E5E5E5;   -webkit-box-sizing: content-box;   -moz-box-sizing: content-box;   box-sizing: content-box;}

.rwidz ul.sidebar {list-style:none; margin-bottom: 30px;  padding-inline-start: 5px  !important;}
.rwidz ul.sidebar li {padding: 7px 0px;}
.rwidz ul.sidebar li a {color: #2b2a2f;}
.rwidz ul.sidebar li a:hover {color: #ce880b; font-weight: 600;}
.widget_archive li a { display: block;  color: #666;   padding: 10px 15px; text-transform: uppercase; margin: 5px 0;background: #F7F7F7; }
.widget_archive li a:hover  {color: #fff;   padding: 10px 15px; text-transform: uppercase; margin: 5px 0; background: #126335; }

/* Подвал сайта ========================================================================== */
.site-footer {padding: 5px; font-size: 0.9rem; text-align: center;  color: #f7f7f7; background:#126335;  width:100%; }
.site-footer a { color: #f7f7f7;  }
.site-footer a:hover  { color: #f7f7f7;  }

header.elementor-slideshow__header {background:#126335;}


@media (max-width: 1180px) {
.site-header, body:not([class*="elementor-page-"]) .site-main { background:none;}
.padno {display: none;}
figure {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
}

@media (max-width: 992px) {
.ipadno {display: none;}
.headtop {height: 70px; display: flex;   flex-wrap: wrap;  align-items:center; justify-content:space-between;  background-color: #dedede;  }
.menut {display: block; }
.hcont  {padding-top: 75px; }
.hmob {height: 60px; display: flex;   flex-wrap: wrap;  align-items:center; justify-content:space-between; margin-right: 80px;}
.telbotm {  width: 230px;   display: flex;  justify-content: center;  align-items: center;  padding: 5px 15px; background: #126335;  border-radius: 100px 100px 100px 100px; }
.telbotm a { color: #fff; }
.telbotm a:hover { color: #fff; }
.telbotm img {  width: 18px; margin-right: 10px;  }
.vibermem {display: inline;}
.vibermem a{display: flex;  justify-content: center;  align-items: center;}
.vibermem img {width: 33px; }
.sub-menufrm {color: #b03 !important;}
.containerall {inset: auto; position: unset; width:100%; }
}

@media (max-width: 768px) {
header { padding-bottom: 60px; }
.mobino {display: none;}  
.container {padding: 0 10px;}
.logomem {display: inline-block; }
.logomem img {width: 150px; margin-top: 10px; }
.servnum-list { width: 100%;}
.glawn-text {width: 100%; }
.pagem { margin-top:30px; padding-top: 37px;   padding-bottom: 300px;   background: url(https://betoplast.by/wp-content/uploads/2024/01/bg2.jpg) center no-repeat;   background-size: cover;  border-radius: 22px;  width: 100%;   margin: 0 auto 37px;}
.pagem-wrap{   width: 100%;   text-align: center;}
.contacts-fot {  flex-direction: column;  align-items: center;}
.contacts-socials {padding-left: 30px;}
.pagem-wrap{   width: 100%;   text-align: center;}
 }
 
 @media screen and (max-width: 576px) {
.container {width: 100%;	padding-left: 10px;	padding-right: 10px;}
.telbotm { display: none; }
.telbotms {display: inline;}
.telbotms  a{display: flex;  justify-content: center;  align-items: center;}
.telbotms img {width: 30px; } 
 }
     

/* Lists
 ========================================================================== */
dl,dt,dd,ol,ul,li {  margin: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; list-style-type: none; padding-inline-start: 0px; }
pre { font-family: "Montserrat"; font-size: 1em;  white-space: pre-wrap;   line-height: 2;   background: linear-gradient(#EDF8FF; 50%, transparent 50%) repeat scroll 0 0 / 100% 64px;
  text-shadow: 0 1px 0 #fff;  filter: dropshadow(color=#ffffff, offx=0, offy=1);  padding: 0 5px;   margin: 0; overflow: auto; }
  
/* Table
     ========================================================================== */
  table {  background-color: transparent; width: 100%;  margin-bottom: 15px;  font-size: 0.9em;  border-spacing: 0;   border-collapse: collapse; }
    table th,   table td { padding: 15px;  line-height: 1.5; vertical-align: top;  border: 1px solid #126335; min-width: 150px; }
    table th {  font-weight: bold; }
    table thead th,
    table tfoot th { font-size: 1em; }
    table caption + thead tr:first-child th,
    table caption + thead tr:first-child td,
    table caption + thead tr:first-child th,
    table caption + thead tr:first-child td,
    table colgroup + thead tr:first-child th,
    table colgroup + thead tr:first-child td,
    table colgroup + thead tr:first-child th,
    table colgroup + thead tr:first-child td,
    table thead:first-child tr:first-child th,
    table thead:first-child tr:first-child td,
    table thead:first-child tr:first-child th,
    table thead:first-child tr:first-child td { border-top: 1px solid #126335; }
    table tbody > tr:nth-child(odd) > td,
    table tbody > tr:nth-child(odd) > th { background-color: #EDF8FF; }
    table tbody tr:hover > td,
    table tbody tr:hover > th {  background-color: #fff; }
    table tbody + tbody { border-top: 2px solid #126335; }
    @media (max-width: 767px) {
      table table {font-size: 0.8em; }       table table th, table table td {padding: 7px; line-height: 1.3; }      table table th {font-weight: 400; } }

/* Text-level semantics
   ========================================================================== */
  a {text-decoration: none; color: #555555;}
  a:hover, a:active {   color: #126335;}
  a:not([href]):not([tabindex]) {   color: inherit;  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {   color: inherit;   text-decoration: none; }
  a:not([href]):not([tabindex]):focus {   outline: 0; }

abbr[title] {  border-bottom: none;  text-decoration: underline; -webkit-text-decoration: underline dotted;   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: -0.25em; }
sup {  top: -0.5em; }
img {  border-style: none;  height: auto;  max-width: 100%; }
details { display: block; }
summary { display: list-item; }
figcaption {  font-size: 16px;  color: #126335;  line-height: 1.4;  font-style: italic;  font-weight: 400; }
template {  display: none; }
[hidden] {  display: none; }
.sr-only {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0; }

/* Формы
   ========================================================================== */
label {  display: inline-block;  line-height: 1;  vertical-align: middle; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea { width: 100%;  border: solid 1px color(srgb 0.532 0.532 0.532); border-radius: 3px;  padding: 0.5rem 1rem;  -webkit-transition: all .3s;  -o-transition: all .3s; transition: all .3s; }
input[type="text"]:focus,  input[type="date"]:focus,  input[type="email"]:focus,  input[type="number"]:focus,  input[type="password"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="url"]:focus,
select:focus,  textarea:focus {    border-color: #126335;    outline: 0 none; }
button,input { overflow: visible; }
button,select { text-transform: none; }
button,[type="button"],[type="reset"],[type="submit"] {  width: auto;  -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; }
button,[type="submit"],[type="button"] {  display: inline-block;  font-weight: 400;  color: #126335;  text-align: center;  white-space: nowrap;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;
   user-select: none; background-color: transparent;  border: 1px solid #126335;  padding: 0.5rem 1rem;  font-size: 1rem;  border-radius: 3px;  -webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s; }
  button:focus,  [type="submit"]:focus,  [type="button"]:focus {    outline: 1px dotted;    outline: 5px auto -webkit-focus-ring-color; }
    button:hover, button:focus, [type="submit"]:hover,  [type="submit"]:focus,  [type="button"]:hover,  [type="button"]:focus {    color: #ffffff;    background-color: #126335;    text-decoration: none; }
  button:not(:disabled),  [type="submit"]:not(:disabled),  [type="button"]:not(:disabled) {    cursor: pointer; }
fieldset {  padding: 0.35em 0.75em 0.625em; }
legend {  -webkit-box-sizing: border-box;        box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress { vertical-align: baseline; }
textarea {  overflow: auto;  resize: vertical; }
[type="checkbox"],[type="radio"] {  -webkit-box-sizing: border-box;         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; }
select { display: block; }


/* Print ============== */
@media print { *, *:before, *:after {   background: transparent !important;   color: #000 !important;   -webkit-box-shadow: none !important;   box-shadow: none !important;   text-shadow: none !important; } a,  a:visited {    text-decoration: underline; }  a[href]:after {    content: " (" attr(href) ")"; }  abbr[title]:after {    content: " (" attr(title) ")"; }  a[href^="#"]:after,  a[href^="javascript:"]:after {   content: ""; }  pre {    white-space: pre-wrap !important; }  pre,  blockquote {    page-break-inside: avoid;    border: 1px solid #cccccc; }  thead {    display: table-header-group; }  tr,  img {    page-break-inside: avoid; }  p,  h2,  h3 {    orphans: 3;    widows: 3; }  h2,  h3 {    page-break-after: avoid; } }

.site-header + .elementor {
min-height: calc( 100vh - 320px); }