/*
 Theme Name:     Zatoka
 Theme URI:      
 Description:    
 Author:         
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/


/* global */

:root {
    --font-primary: filson-pro, sans-serif;
    --font-primary-book: 300;
    --font-primary-regular: 400;
    --font-primary-medium: 500;
    --font-primary-bold: 700;
    --font-primary-heavy: 800;
    --color-primary: #003368;
    --color-secondary: #E50019;
    --color-tertiary: #94B1CF;
    --color-text: #1A1818;
    --transition-primary: .3s all ease;
}

body {
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-book);
    font-style: normal;
}

#et-info-email:hover,
#et-secondary-menu > ul > li > a:hover,
#top-menu-nav > ul > li > a:hover,
.et-social-icons a:hover {
    opacity: 1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.et_quote_content blockquote p,
.et_pb_slide_description .et_pb_slide_title {
    font-weight: var(--font-primary-heavy) !important;
}

#page-container .et_pb_button {
    padding: 15px 25px !important;
}

.et_pb_scroll_top {
    border-radius: 0 !important;
    background-color: var(--color-primary) !important;
}

/* end global */


/* header */

#main-header {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0px 3px 45px #00000029;
    box-shadow: 0px 3px 45px #00000029;
}

#main-header.et-fixed-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

#top-menu li a {
    font-weight: var(--font-primary-medium) !important;
}

#top-menu-nav ul li a:hover {
    color: var(--color-secondary);
}

.et_mobile_menu {
    margin-top: 20px;
}

@media screen and (max-width: 980px) {

    .et_header_style_left #logo,
    .et_header_style_split #logo {
        max-width: 100%;
    }

    .et_pb_svg_logo #logo,
    .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
        height: 100%;
        max-height: 100% !important;
    }
}

/* end header */


/* contact form */

div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 0 0 10px !important;
}

.wpforms-form input,
.wpforms-form textarea {
    color: var(--color-tertiary) !important;
    border-color: var(--color-tertiary) !important;
    font-weight: var(--font-primary-book) !important;
    background-color: transparent !important;
}

.wpforms-form input::-webkit-input-placeholder,
.wpforms-form textarea::-webkit-input-placeholder {
    color: var(--color-tertiary) !important;
    font-weight: var(--font-primary-book) !important;
}

.wpforms-form input:-ms-input-placeholder,
.wpforms-form textarea:-ms-input-placeholder {
    color: var(--color-tertiary) !important;
    font-weight: var(--font-primary-book) !important;
}

.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
    color: var(--color-tertiary) !important;
    font-weight: var(--font-primary-book) !important;
}

.wpforms-form input:focus,
.wpforms-form textarea:focus {
    border-color: var(--color-primary) !important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    max-height: 70px;
}

.wpforms-container .form-privacy label.wpforms-field-label-inline {
    font-size: 12px !important;
    font-weight: var(--font-primary-book) !important;
    display: block !important;
    line-height: 1 !important;
    padding-left: 30px !important;
    color: var(--color-tertiary) !important;
}

.wpforms-container .form-privacy input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: var(--color-secondary) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: var(--font-primary-bold) !important;
    text-transform: uppercase !important;
    border: none !important;
    -webkit-transition: var(--transition-primary) !important;
    transition: var(--transition-primary) !important;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background-color: var(--color-primary) !important;
}

.wpforms-submit-container {
    text-align: right;
}

.form-privacy > ul {
    position: relative !important;
}

@media screen and (min-width: 981px) {

    .contact-page-form .wpforms-field-email,
    .contact-page-form .wpforms-field-name {
        width: 49% !important;
        float: left !important;
        clear: none !important;
    }

    .contact-page-form .wpforms-field-name {
        margin-right: 2% !important;
    }
}

/* end contact form */


/* tabs */

.et_pb_tabs_controls:after {
    border: none;
    display: none !important
}

.et_pb_tabs_controls li > a {
    padding: 7px 15px !important;
}

/* end tabs */


/* gallery */

@media (min-width: 981px) {

    .gallery-row.et_pb_gutters2 .et_pb_column,
    .gallery-row.et_pb_gutters2.et_pb_row .et_pb_column {
        margin-right: 1.5%;
    }

    .gallery-row.et_pb_gutters2 .et_pb_column_1_2,
    .gallery-row.et_pb_gutters2.et_pb_row .et_pb_column_1_2 {
        width: 49.25%;
    }
}

/* end gallery */


/* buildings-list */

.posts-list {
    color: var(--color-primary);
}

.posts-list__head,
.posts-list__item {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    /*    align-items: center;*/
    margin-top: 20px;
}

.posts-list__item {
    border-bottom: 2px solid var(--color-tertiary);
}

.posts-list__item .cell--url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.cell--title,
.cell--address {
    padding: 0 5px 0 0;
}

.cell--url .more-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    padding: 10px 15px;
    background-color: var(--color-secondary);
    -webkit-transition: var(--transition-primary);
    transition: var(--transition-primary);
    font-weight: var(--font-primary-bold);
    margin-bottom: -2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cell--url .more-button:hover {
    background-color: var(--color-primary);
}

/* end buildings list */


/* footer */

#footer-info,
#footer-info a {
    font-weight: var(--font-primary-regular);
}

#footer-info a:hover {
    opacity: 1;
    color: var(--color-secondary);
}

.fwidget {
    width: 100%;
    float: none;
}

#main-footer .footer-widget h4 {
    margin-bottom: 50px;
}

#custom_html-3 {
    margin-bottom: 0;
}

.footer-widget h6 {
    padding-bottom: 1em;
    color: var(--color-secondary);
    font-size: 16px;
    font-weight: var(--font-primary-regular);
    text-transform: none;
}

@media screen and (min-width: 981px) {
    #footer-widgets .footer-widget:not(:first-of-type) {
        padding-top: 150px;
    }
}

@media (min-width: 981px) {
    .et_pb_gutters3.et_pb_footer_columns3 .footer-widget {
        width: 30.667%;
    }
}

@media (min-width: 981px) {
    .et_pb_gutters3 .footer-widget {
        margin-right: 3.5%;
        margin-bottom: 40px;
    }
}

.footer-widget a:hover {
    color: var(--color-secondary) !important;
}

#footer-bottom {
    border-top: 2px solid var(--color-tertiary);
    padding: 25px 0 15px;
}

/* end footer */


/* mobile */

@media screen and (max-width: 980px) {

    h1,
    h2,
    h3,
    h4 {
        font-size: 32px !important;
    }
    .et_fixed_nav #main-header {
        position: fixed;
    }
}

@media screen and (max-width: 767px) {
    .posts-list {
        font-size: 12px;
    }

    .posts-list__head,
    .posts-list__item {
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}

/* end mobile */