/*
 Theme Name: Twenty Twenty Child
 Theme URL: http://hostinger-tutorials.ru/twentyseventeen-child/
 Description: Twenty Twenty Child Theme
 Author: John Doe
 Author URL: http://hostinger-tutorials.ru
 Template: twentytwenty
 Version: 1.1
 Text Domain: twentytwenty-child
 */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

body { font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; }

.widget_text p { font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; }

.inline-block { display: inline-block; }

.widget_text p::after{
  clear: both;
  content: "";
  display: block;
}

@media ( min-width: 700px ) {
  .widget-content .alignleft { margin: 0 1rem 0 0; }
  .widget .widget-title { margin-bottom: 2rem }
  .footer-widgets-outer-wrapper { border: none; padding: 6rem 0 3rem; }
}

/* Header */
#site-header {
  background-color: #000 !important;
  font-family: 'Roboto Condensed', 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}

.header-titles {
  flex-direction: column;
  position: absolute;
  top: .5rem;
}

.header-inner {
  min-height: 4rem;
  padding: 1rem 0;
}

.header-titles .site-description {
  display: block;
  position: relative;
  left: .5rem;
  color: #000 !important;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 1rem;
  text-align: center;
  margin: .2rem 0 0 2.4rem;
}

.primary-menu .menu-item a {
  border: 1px solid transparent;
  padding: calc(.4em) calc(1.44em);
}

.primary-menu .menu-item.is-style-outline a {
  border-color: #fff;
  border-radius: .4em;
}

.primary-menu .menu-item.is-style-outline a:hover {
  text-decoration: none;
  opacity: .7;
}

#header-widget-area {
  border-top: solid 8px #bb7745;
  background-color: #fff;
  color: #383838;
  border-bottom: solid 1px #000;
}

.header-widget-area-inner {
  max-width: 168rem;
  margin: 0 auto;
}

.header-widget { text-align: right; }
.header-widget::after{
  clear: both;
  content: "";
  display: block;
}

.site-logo img {
  margin: 1rem 0 !important;
}

@media (max-width: 1000px) {
  body.mega-menu-primary .header-titles-wrapper {
    display: none;
  }
  body.mega-menu-primary .primary-menu-wrapper,
  body.mega-menu-primary .header-navigation-wrapper,
  body.mega-menu-primary ul.primary-menu {
    display: block;
    margin: 0;
  }

  .header-titles .site-description { margin: .5rem 0 0 0; }

  .header-widget { text-align: left; }

}

body:not(.overlay-header) .primary-menu > li > a {
  color: #fff !important;
  letter-spacing: .2rem;
  font-weight: 700;
}

.close-nav-toggle,
.header-inner .toggle {
  outline: none;
}

.header-widget .textwidget {
  padding-left: 13rem;
}

@media (min-width: 700px) {
  .header-titles .site-description {
    font-size: 3rem;
    letter-spacing: 1.3rem;
    left: .7rem;
  }

  .header-widget .textwidget {
    padding-left: 15rem;
  }

  .site-logo img {
    margin: 2rem 0 !important;
  }
}

@media (min-width: 1000px) {
  .site-logo img {
    margin: 3rem 0 !important;
  }
}

/* Header slider */
.owl-item {
  color: #a5a5a5;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .1rem;
}

.owl-item code {
  background: transparent;
  font-family: 'Bebas Neue', cursive, 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
  padding: 0 .2rem 0 0;
  color: #000;
  font-size: 130%;
}

.owl-item ul {
  margin: 0;
}

.owl-item ul li {
  line-height: 1.3;
  list-style: none;
}

@media (min-width: 1000px) {
  .owl-item li {
    display: inline-block;
  }

  .owl-item .sa_hover_container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 700px) {
  .owl-item {
    font-size: 4rem;
  }

}

/* Content */
body.page-template-default {
  color: #636a74;
}

.home #site-content {
  background: url('/wp-content/uploads/2020/12/REP_background_main_mobile.png') no-repeat center top;
  background-size: cover;
  height: 75vw;
}

.home .entry-header { display: none; }

#site-content {padding-bottom: 8rem;}

.singular .entry-header {
  background: url('/wp-content/uploads/2021/01/Background_1_seed_resistance_mobile.jpg') no-repeat center top;
  background-size: cover;
  padding-top: 0;
}

.singular .entry-header .section-inner{
  width: 100%;
}

.singular .entry-header h1 {
  display: inline-block;
  padding: 1rem 2rem 1rem 5rem;
  background: url('/wp-content/uploads/2021/01/entry-header-bg-opacity.png') repeat;
  font-size: 4rem;
  font-family: 'Roboto Condensed', 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
  letter-spacing: .3rem;
  text-shadow: 4px 4px 1px rgba(0, 0, 0, 0.7);
}

.section-inner.medium {
  max-width: none;
  text-align: left;
}

.top_buttons_block { display: none; }

.top_buttons_block .wp-block-button__link {
  padding: .6em 1.44em;
  width: 100%;
  text-transform: none;
  font-weight: bold;
  font-family: 'Roboto Condensed', 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
  -webkit-box-shadow: 5px 5px 15px -1px #000;
  box-shadow: 5px 5px 15px -1px #000;
}

.reduced-spacing.missing-post-thumbnail .post-inner { padding-top: 8rem; }
.home.missing-post-thumbnail .post-inner { padding-top: 0; }
.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
  font-family: inherit;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 100rem;
}

@media ( min-width: 1000px ) {
  .top_buttons_block { display: block; }

  .top_buttons_block .wp-block-button {
    width: 33%;
    max-width: 30rem;
    padding: 0 1rem;
  }
}

@media (min-width: 700px) {
  .home #site-content { min-height: 45rem; }

  .top_buttons_block .wp-block-button__link {
    letter-spacing: .2rem;
    font-size: 2rem;
  }

  .home #site-content {
    background: url('/wp-content/uploads/2020/12/REP_background_main-1.png') no-repeat center top;
    background-size: cover;
    height: 63vw;
  }

  .singular .entry-header {
    background: url('/wp-content/uploads/2021/01/Background_1_seed_resistance-scaled.jpg') no-repeat center top;
    background-size: cover;
    padding-bottom: 17rem;
  }

  .singular .entry-header h1 {
    font-size: 5rem;
  }

  .entry-content li {
    margin: 0.5rem 0 0 8rem;
  }
}

/* About Page Content */
.page-id-7 #site-content {
  background: url('/wp-content/uploads/2021/01/REP_Hands_About_scaled.png') no-repeat right bottom;
  background-size: 40% auto;
}

/* Contact Form */
div.wpforms-container-full.contact_form .wpforms-form input[type='text'],
div.wpforms-container-full.contact_form .wpforms-form input[type='number'],
div.wpforms-container-full.contact_form .wpforms-form input[type='email'],
div.wpforms-container-full.contact_form .wpforms-form textarea {
  border: 1px solid #cb9771;
}

div.wpforms-container-full.contact_form .wpforms-form button[type=submit] {
  background-color: #cb9771;
  border-radius: 4px;
  border: none;
}

div.wpforms-container-full.contact_form .wpforms-form .wpforms-submit-container {
  text-align: right;
}

@media (min-width: 700px) {
  .contact_form .wpforms-field-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .contact_form .wpforms-field.contact_form_half_field {
    flex: 49%;
    max-width: 49%;
  }

  .contact_form .wpforms-field {
    flex: 100%;
    order: 3;
  }

  .contact_form .wpforms-field.contact_form_first_name {
    order: 1;
  }

  .contact_form .wpforms-field.contact_form_last_name {
    order: 2;
  }

  .contact_form .wpforms-field.contact_form_pronounce {
    order: 3;
  }

  .contact_form .wpforms-field.contact_form_phone {
    order: 1;
  }

  .contact_form .wpforms-field.contact_form_email {
    order: 2;
  }

  div.wpforms-container-full.contact_form .wpforms-form .wpforms-field {
    padding: 1.4rem 0;
  }

  div.wpforms-container-full.contact_form .wpforms-form .contact_form_multiple_choice .wpforms-field-label {
    display: inline-block;
    padding-right: 1rem;
  }

  div.wpforms-container-full.contact_form .wpforms-form .contact_form_multiple_choice ul {
    display: inline-block;
  }
}


/* FOOTER */
.home .footer-image {
  height: 38vw;
  background: url('/wp-content/uploads/2020/12/REP_background_hands_mobile.png') no-repeat center top;
  background-size: cover;
}

.footer-nav-widgets-wrapper.header-footer-group {
  border-top: solid 1rem #b8784a;
}

.home .footer-nav-widgets-wrapper.header-footer-group {
  border: none;
}

.widget-content { font-size: 1.4rem; }

.widget-content .heading-size-3 {
  font-size: 2rem;
  letter-spacing: normal;
}

.widget-content .alignleft { margin: 0 1rem 0 0; }

.footer-widgets a {
  color: #fff !important;
  font-weight: 500;
  text-decoration: none;
}

.footer-top { border: none; }

.footer-menu-wrapper {
  width: 100%;
  justify-content: center;
}

.footer-menu a {
  display: inline-block;
  width: 100%;
  max-width: 30rem;
  color: #fff !important;
  border-radius: 6px;
  background-color: #ddac37;
  letter-spacing: .2rem;
  padding: .6em 1.44em;
  font-weight: bold;
  font-size: 2rem;
  font-family: 'Roboto Condensed', 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
  text-align: center;
  -webkit-box-shadow: 5px 5px 15px -1px #000;
  box-shadow: 5px 5px 15px -1px #000;
}

.footer-menu li {
  width: 100%;
  text-align: center;
  margin: 0 0 1rem;
}

.footer-widgets a:hover { text-decoration: underline; }

.footer-credits {
  width: 100%;
  display: block;
}

.widget_media_image img { width: 100%; }

.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
  margin-top: 0;
}

.footer-copyright {
  font-weight: 400;
  font-size: 1.4rem;
  text-align: center;
}

@media (min-width: 700px) {
  .footer-widgets { width: 33%; }
  .column-one { width: 35% }
  .column-two { width: 45% }
  .column-three { width: 20% }

  .home .footer-image {
    height: 24vw;
    background: url('/wp-content/uploads/2020/12/REP_background_hands-1.png') no-repeat center top;
    background-size: cover;
  }
}

@media (min-width: 1000px) {
  .home .footer-top.has-footer-menu { display: none; }

  .footer-menu li {
    width: 33%;
    margin: 0;
  }

  .footer-menu {
    max-width: 100rem;
    justify-content: center;
    margin: 0 auto;
  }
}