/*
Theme Name: MokymuLab Theme
Theme URI: https://mokymulab.eu
Author: MRU
Author URI: https://mokymulab.eu
Description: Paprasta WordPress tema su Bootstrap.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mokymulab-theme
*/

.header-block {
    background-color: #f4f4f4;
}
.page_logo a {
    float: left;
    background-image: url(assets/img/logo.png);
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    width: 123px;
    height: 66px;
}

h1 {
  font-size: 66px;
  font-weight: bold;
  line-height: 60px;
  color: #f48706;
}
@media (max-width: 768px) {
  h1 {
    font-size: 48px;
  }
}
.container h1 {
    padding-bottom: 3rem;
}
.container p {
    font-size: 16px;
    text-align: justify;
    color: #000;
}
main.container a {
    color: rgb(250, 170, 55);
    text-decoration: none;
    transition: filter 0.3s ease;
}
main.container a:hover {
    /*filter: brightness(85%);*/
}
.img-rounded-custom {
    border-radius: 75px;
}





@media screen and (max-width: 992px) {
    .navbar-nav-md {
        margin-top: 5px;
        margin-right: 7px;
    }

    .header-block .main-menu {
        margin-top: 15px;
    }
    .header-block .main-menu li {
        background-color: #faaa37;
        opacity: 0.8;
        padding: 0px 15px;
        margin-bottom: 3px;
    }
    .header-block .main-menu li:hover {
        opacity: 1;
    }
    .header-block .main-menu li.current-menu-item {
        opacity: 1;
    }
    .header-block .main-menu li a {
        color: #fff;
        text-decoration: none;
        margin-bottom: 5px;
        padding: 10px 0 7px 0;
        width: 100% !important;
        float: left;
    }

}
@media screen and (min-width: 992px) {
    .header-block {
        border-bottom: 10px solid #faaa37;
        padding-bottom: 0 !important;
    }
    .header-block .navbar {
        padding: 0;
    }
    .header-block .main-menu li {
        background-color: #faaa37;
        opacity: 0.8;
    }
    .header-block .main-menu .current-menu-item,
    .header-block .main-menu li:hover {
        opacity: 1;
    }
    .header-block .main-menu li a {
        padding: 1rem;
        line-height: 55px;
        text-decoration: none;
        color: #fff;
    }
}

@media screen and (max-width: 576px) {
    .header-sec-nav .page_logo {
        padding-bottom: 1.5rem;
        width: 123px;
        margin: 0 auto;
    }
    .header-sec-nav .search-form {
        padding-bottom: 1.5rem;
    }
    .header-sec-nav .page_logo a {
        
    }
    .header-sec-nav .secondary-menu {
        

    }
    .header-sec-nav .secondary-menu li {
        
    }
    .search-form {
        padding-bottom: 0 !important;
    }
}


.btn-search {
    color: #fff;
    background-color: #faaa37 !important;
    border-color: #faaa37 !important;
}
.btn-search:hover {
    opacity: 0.8;
    color: #fff;
}


.secondary-menu {
    display: inline;
}
.secondary-menu .nav-item {
    display: inline !important;
    margin: 0.5rem;
}
.secondary-menu .nav-item a {
    color: #000 !important;
    text-decoration: none;
}


/*---------- Home page ------------------------ */
.homepage-content {
    background: url('assets/img/homepage-bg.jpg') center center/cover no-repeat;
}
.homepage-content h2 {
    font-size: clamp(3rem, 4.5vw, 5.5rem);
    line-height: clamp(3rem, 4.5vw, 5.5rem);
    font-weight: bold;
    color: #fff;
    padding-bottom: 25px;
}
.homepage-content p {
    font-size: clamp(1rem, 2vw, 1.5rem);
    line-height: clamp(1rem, 2vw, 1.5rem);
    color: #fff;
}


/*---------- Catalog page --------------------*/
.page-template-template-catalog {
    background-color: #dbc5ad;
}
/*.catalog-content .card-title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.catalog-content .card-text {
    color: #fff;
}
/* Reset Gutenberg's layout styles *//*
.is-layout-flex,
.is-layout-flow,
.is-layout-constrained {
  gap: 0 !important;
  padding: 0;
}

.catalog-content .wp-block-columns {
    margin: 0;
}
.catalog-content .wp-block-column {
    position: relative;
    overflow: hidden;
}
.catalog-content .wp-block-image img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
*/


.catalog-content .row img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.catalog-content h2, .catalog-content ul {
    position: relative;
    z-index: 1;
    color: white;
}
.catalog-content h2 {
    font-weight: bold;
    text-transform: uppercase;
    padding: 80px 40px 0;
}
.catalog-content ul {
    list-style: none;
    padding: 0 40px 80px;
}
.catalog-content ul li::before {
  content: "\2794" !important; /* You can also try "➤", "➔", "▶", etc. */
  margin-right: 0.5em !important;
  color: #fff !important;
}
.catalog-content ul li {
    font-size: 22px;
}
.catalog-content ul li a {
    color: #fff;
    text-decoration: none;
}
.catalog-content ul li a:hover {
    text-decoration: underline;
}
.catalog-content .wp-block-button {
    position: absolute;
    right: 5%;
    bottom: -15px;
}


/*------- WP buttons ------------------*/
.wp-block-buttons .wp-block-button {
    margin: 0 0 40px 0;
}
.wp-block-buttons.is-layout-flex {
  justify-content: flex-end; /* Aligns button to the right */
}

.catalog-content .wp-block-buttons.is-layout-flex {
  justify-content: center; 
}
.wp-block-buttons a {
    position: relative;
    z-index: 1;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
}
.wp-block-buttons a::after {
  content: "\2794" !important; /* You can also try "➤", "➔", "▶", etc. */
  margin-left: 0.5rem;
  color: #000 !important;
}
.wp-block-buttons a:hover {
    text-decoration: underline;
}





/*---------- About us page -------------------*/
.page-template-template-about {
    background-color: #f4f4f4;
}
.aboutus-content p {
    font-size: 18px;
}
.aboutus-content p strong {
    color: #7b662f;
}


/*---------- Contacts page -------------------*/
.contacts-content {
    
}
.contacts-content h2 {
    font-weight: bold;
    margin-top: 40px;
}
.contacts-content p {
    color: #848285;
}
.contacts-content p a {
    color: #848285;
    text-decoration: none;
}
.contacts-content p a:hover {
    color: #faaa37;
}

@media screen and (min-width: 768px) {
    .contacts-image-1 {
        margin-right: 50px;
        margin-top: 180px;
    }
    .contacts-image-2 {
        margin-top: 80px;
    }
}

@media screen and (max-width: 768px) {
    .contacts-content h1 {
        padding-bottom: 0;
    }
    .contacts-images img {
        width: 50%;
        height: auto;
    }
    .contacts-images .contacts-image-1 {
        margin-right: 10px;
    }
    .contacts-images .contacts-image-2 {
        margin-left: 10px;
    }
}


/*--------- Upcoming trainings page -------------*/
.page-template-template-upcoming {
    background-color: #efefef;
}
.upcoming-content .product {
    padding-bottom: 3rem;
}
.upcoming-content h2 a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.upcoming-content h2 a:hover {
    text-decoration: underline;
}
.upcoming-content p::before {
  content: "▶" !important; /* You can also try "➤", "➔", "▶", etc. */
  margin-right: 0.5rem;
  position: relative;
  top: -2px;
}
.upcoming-content p {
    font-size: 18px;
    color: #848285;
    margin-bottom: 0;
}
.upcoming-content p strong {
    color: #e79935;
}



/*--------- Custom research page -------------*/
.page-template-template-customresearch {
    background-color: #e6dcd2;
}
.customresearch-block {
    color: #000;
}
.customresearch-block .wp-block-columns {
    margin-top: 2rem;
}
.customresearch-block h2 {
    font-weight: bold;
    color: #e79935;
}
.customresearch-block p {
    font-size: 18px;
}


/*--------- Info page -------------*/
.page-template-template-info {
    background-color: #e4e4e4;
}
.info-block {
    position: relative;
    background-image: url('assets/img/info.png');
    background-repeat: no-repeat;
    background-position: right 50px bottom 50px;
}
.info-block p {
    font-size: 18px;
}
.info-block p a {
    color: #000;
    text-decoration: none;
}
.info-block p a::after {
  content: "➔" !important; /* You can also try "➤", "➔", "▶", etc. */
  margin-left: 0.5rem;
}
.info-block p a:hover {
    text-decoration: underline;
}


/*------------ Request page ----------------*/
.request-block {
    background: url('assets/img/reuest-bg.jpg') center center/cover no-repeat;
    padding-top: 3rem;
}
.request-block h1 {
    float: right;
    text-align: center;
    width: 60%;
}

.request-block .wp-block-buttons.is-layout-flex {
  justify-content: start !important; 
}
.request-block .wp-block-buttons {
    width: 100%;
}
.request-block .wp-block-buttons .wp-block-button {
    margin: 250px 0 50px 250px;
    text-transform: uppercase;
}
@media screen and (max-width: 576px) {
    .request-block .wp-block-buttons .wp-block-button {
        margin: 150px auto 50px auto !important;
    }
    .request-block .wp-block-buttons.is-layout-flex {
        justify-content: flex-start; 
    }
    .request-block h1 {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .request-block .wp-block-buttons .wp-block-button {
        margin: 190px 0 50px 0px;
    }
    .request-block h1 {
        width: 80%;
    }
}
@media screen and (min-width: 768px) {
    .request-block .wp-block-buttons .wp-block-button {
        margin: 180px 0 50px 80px;
    }
    .request-block h1 {
        width: 70%;
    }
}
@media screen and (min-width: 992px) {
    .request-block .wp-block-buttons .wp-block-button {
        margin: 220px 0 50px 180px;
    }

}
@media screen and (min-width: 1200px) {
    .request-block .wp-block-buttons .wp-block-button {
        margin: 250px 0 50px 250px;
    }
    .request-block h1 {
        width: 60%;
    }
}


/*------------ Search result -------------------*/
.search-results h2 {
    font-weight: bold !important;
}
.search-results h2 a {
    text-decoration: none;
    color: #000;
}
.search-results h2 a:hover {
    text-decoration: underline;
}
.search-results-content p {
    margin: 0 !important;
}
.search-results-content .row:nth-child(even) {
    background-color: #f5f5f5;
}
.search-results-content {
    padding-bottom: 3rem;
}

/*--------- Cart -----------------------------*/
.woocommerce-cart .wp-element-button {
    border: 1px solid #faaa37;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}
.woocommerce-cart .wp-element-button:hover {
    color: #fff;
    background-color: #faaa37;
}
.wp-block-woocommerce-empty-cart-block, 
.wp-block-woocommerce-product-new {
    padding-top: 3rem;
}


/*--------- My account ----------------------*/
.woocommerce-MyAccount-navigation, 
.woocommerce-MyAccount-content {
    padding-top: 2rem;
}
.woocommerce-MyAccount-navigation {
    
    
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}
.woocommerce-MyAccount-navigation ul li {
    display: flex;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: rgb(250, 170, 55);
    color: #fff;
}
.woocommerce-MyAccount-navigation ul li a {
    color: #000;
    text-decoration: none;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid rgb(250, 170, 55, .5);
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgb(250, 170, 55);
    color: #fff;
}
@media screen and (min-width: 768px) {
    .woocommerce-MyAccount-content {
        padding-left: 2rem;
    }
}
.woocommerce-Addresses .woocommerce-Address {
    width: 100% !important;
    padding: 1rem;
}
.woocommerce-Addresses .woocommerce-Address:first-of-type {
    background-color: rgba(94, 94, 94, 0.05);
}
.woocommerce-notices-wrapper:focus,
.woocommerce-notices-wrapper *:focus {
    outline: none !important;
    box-shadow: none !important;
}
.woocommerce-info {
    border-top-color: #faaa37;
}
.woocommerce-info::before {
    color: #faaa37;
}
.woocommerce .button {
    background-color: rgb(250, 170, 55) !important;
    color: #fff !important;
    transition: opacity 0.2s ease-in-out;
}
.woocommerce .button:hover {
    opacity: 0.8;
}



/*------------- Single product page ----------*/
.bg-single-1 {
    background-color: #f4f4f4 !important;
}
.custom-inner-shadow {
    box-shadow: inset 0 -0.5rem 1rem rgba(0, 0, 0, 0.075);
}
.custom-inner-shadow-1 {
    box-shadow: 
        inset 0 -0.5rem 1rem rgba(0, 0, 0, 0.075),  /* bottom shadow */
        inset 0 0.5rem 1rem rgba(0, 0, 0, 0.075);   /* top shadow */
}
.single-product a {
    color: #faaa37;
}
.single-product .product_title {
    font-size: 36px;
    line-height: 45px;
}
@media screen and (max-width: 992px) {
    .single-product .product_title {
        font-size: 28px;
        line-height: 30px;
    }
}
.single-product .variations_form label {
    margin-top: 5px;
}
.single-product .variations_form select {
    border: 1px solid #faaa37;
    padding: 5px 10px;
}
.single-product .variations_form .input-text {
    border: 1px solid #faaa37;
    height: 35px;
    margin-right: 10px;
}

.related-products {
    
}
.related-products h2 {
    padding: 1rem 0;
}
.related-products ul {
    margin: 0 !important;
}


.woocommerce-result-count {
    padding: 10px 0 0 0;
}
.woocommerce-ordering .orderby {
    border: 1px solid #faaa37;
    padding: 10px;
    background: none;
}


/*-------------- Contact form ----------------*/

@media screen and (max-width: 768px) {
    .wpcf7-form p label span input,
    .wpcf7-form p label span textarea {
        width: 100% !important;
    }
}
@media screen and (min-width: 768px) {
    .wpcf7-form p label span input,
    .wpcf7-form p label span textarea {
        width: 500px;
    }
}
@media screen and (min-width: 992px) {
    .wpcf7-form p label span input,
    .wpcf7-form p label span textarea {
        width: 500px;
    }
}
.wpcf7-form-control {
    border: 1px solid #faaa37;
    border-radius: 10px;
    padding: 10px 10px;
    /*width: 100% !important;*/
}
.wpcf7-submit {
    background-color: #faaa37;
    color: #fff;
}
.wpcf7-submit:hover {
    opacity: 0.8;
}


/*------ Footer ----------------------------*/
footer .container h5 {
    font-size: 16px;
    font-weight: bold;
}
footer .container p {
    color: #fff;
    font-size: 15px;
}
footer .container a {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}
footer .footer-contacts a {
    color: #faaa37;
}
footer .container a:hover {
    text-decoration: underline;
}
footer ul {
    padding-left: 0;
}
footer ul li {
    list-style: none;
}
footer .footer-fb {
    float: left;
    background-image: url(assets/img/fb-2.png);
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    width: 32px;
    height: 32px;
}

/*
* {
    border-radius: 20px !important;
}
   
.main-menu li:first-of-type {
    border-top-left-radius: 5px !important;
}
.main-menu li:last-of-type {
    border-top-right-radius: 5px !important;
} */