/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Description: Sydney Child theme
Author: TechRostrum
Author URI: https://techrostrum.com
Template: sydney
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 5.7.2
Requires PHP: 5.6
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/

:root {
    --p-og-gray: #6E7071;
    --p-gray: #707070;
    --p-yellow: #D9A649;
    --p-light-gray: #D0D1D3;
}

.site-main img {
    border-radius: 5px !important;
}


@font-face {
    font-family: WhitneyBold;
    src: url(./inc/fonts/whitneybold.otf);
}

@font-face {
    font-family: Whitney;
    src: url(./inc/fonts/whitneybook.otf);
}

@font-face {
    font-family: WhitneyMedium;
    src: url(./inc/fonts/whitneymedium.otf);
}

@font-face {
    font-family: WhitneySemiBold;
    src: url(./inc/fonts/whitneysemibold.otf);
}

@font-face {
    font-family: WhitneyLigt;
    src: url(./inc/fonts/whitneylight.otf);
}

/* Default text styles */

h1,
h2,
h3,
h4,
h5 {
    font-family: WhitneyBold;
}

p,
li,
button,
a {
    font-family: Arial;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.uagb-timeline__heading img {
    width: 300px !important;
}

.uagb-timeline__main .uagb-timeline__marker.uagb-timeline__in-view-icon {
    background: var(--p-yellow) !important;
    border-color: var(--p-yellow) !important;
}

.uagb-timeline__line__inner {
    border-color: var(--p-yellow) !important;
    background-color: var(--p-yellow) !important;
}

#primary-menu {
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.5px;
}

#primary-menu * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

#primary-menu li {
    display: inline-block;
    list-style: outside none none;
    margin: 0.5em 0.5em;
    padding: 0;
}

#primary-menu a {
    padding: 0.4em 0;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    text-decoration: none;
    display: inline-block;
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

#primary-menu a:before {
    position: absolute;
    content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
    top: 25%;
    bottom: 25%;
    left: 0;
    right: 0;
    border-top: 2px solid var(--p-yellow);
    border-bottom: 2px solid var(--p-yellow);
}

#primary-menu a:hover,
#primary-menu .current_page_item a {
    color: #ffffff;
}

#primary-menu a:hover:before,
#primary-menu .current_page_item a:before {
    opacity: 1;
    top: 0;
    bottom: 0;
}

#primary-menu .current_page_item .sub-menu li a:before {
    opacity: 0;
}
#mainnav .dropdown-symbol {
    top: 5px !important;
}
.sub-menu li {
    margin: 0 !important;
}
@media only screen and (min-width: 770px) and (max-width: 1550px) {
/*.page-id-221 .sydney-hero-area .header-image {
    background-position: 0px -200px !important;
}*/
}
.page-id-221 .sydney-hero-area .header-image h1{
    padding-top: 60px;
    z-index: 999999 !important;
}

.header-slider-controls {
    display: block;
    width: 100%;
    position: relative;
    top: -50%;
    z-index: 998;
    padding: 0px 50px;
}
.slides-navigation a {
    font-size: 25px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 200px;
    border: 1px solid rgba(200, 209, 211, 1);
    background-color: rgba(0, 0, 0, 0);
    color: var(--p-light-gray) !important;
}
.slides-navigation a:hover{
    background-color: rgba(200, 209, 211, 0.7);
    color: var(--p-gray) !important;
}
#next.next {
    float: right;
}
#prev.prev {
    float: left;
}
@media only screen and (max-width: 800px) {
    .header-slider-controls{
        padding: 0px 2px;
    }
}