/*!
Theme Name: SDBX Studio
Theme URI: http://underscores.me/
Author: Craig Tran
Author URI: https://www.sdbxstudio.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sdbx-wp-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SDBX Studio is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.wave {
    animation: wave 8s linear;
    animation-iteration-count: infinite;
    fill: #007dba;
}

#wave2 {
    animation-duration: 12s;
    animation-direction: reverse;
    opacity: 0.6;
}
#wave3 {
    animation-duration: 15s;
    opacity: 0.3;
}

@keyframes wave {
    to {
        transform: translateX(-100%);
    }
}

.paragraph p {
    margin: 1rem 0;
}
article.post ul {
    list-style: disc !important;
}
article.post ol {
    list-style: number !important;
}
.page-template-page-contact .contact-banner {
    display: none;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
/* Close Button */
.close-icon {
    margin: auto;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: relative;
    cursor: pointer;
}
.close-icon::before,
.close-icon::after {
    content: '';
    background: #000;
    position: absolute;
    height: 100%;
    width: 1px;
}
.close-icon.close-white::before,
.close-icon.close-white::after {
    background: #fff;
}
.close-icon::before {
    transform: rotate(45deg);
}
.close-icon::after {
    transform: rotate(-45deg);
}

/*  Main Nav */

nav ul {
    display: inline-flex;
}

footer a:hover,
footer li.current-menu-item a {
    transition: 0.3s;
    color: #00567d;
}

nav ul li > ul {
    display: none;
    position: absolute;
    padding: 1rem 0;
    margin-left: -1.5rem;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.2);
    z-index: 99;
}
nav ul li > ul li {
    width: 400px;
}
nav ul li:hover > ul {
    display: block;
}
nav ul li > ul li ul {
    left: 100%;
    top: 0;
}
nav .menu-toggle {
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
    display: none;
}

nav ul li.current-menu-item a span {
    transform: translateY(-80%);
}

nav ul li.current-menu-item a svg {
    top: 0.5rem;
    opacity: 1;
}

/* slick.css */
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slick theme */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'),
        url('./fonts/slick.woff') format('woff'),
        url('./fonts/slick.ttf') format('truetype'),
        url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 40%;

    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    background: transparent;
    z-index: 999;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;

    opacity: 0.75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 2rem;
}
[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}
.slick-prev:before {
    content: '';
    background-image: url(assets/arrow-prev.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 2rem;
    height: 6rem;
    position: absolute;
}
[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: 4rem;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 25px;
}
.slick-next:before {
    content: '';
    background-image: url(assets/arrow-next.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 2rem;
    height: 6rem;
    position: absolute;
}
[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    background: transparent;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: 0.25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: black;
}

.slider {
    width: 100%;
    margin: 0 auto;
}

.slick-slide {
    margin: 0px 1rem;
    opacity: 0.5;
}
.slick-slide.slick-current.slick-active.slick-center {
    opacity: 1;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

@media only screen and (min-width: 767px) {
}
/* Medium devices (landscape tablets, 1024px and up) */
@media only screen and (min-width: 1024px) {
}

/* Large desktop */
@media only screen and (min-width: 1280px) {
    nav ul li ul.sub-menu a {
        padding: 0;
    }
    nav ul li > ul {
        max-width: 200px;
    }
    .hideme {
        opacity: 0;
    }
}
@media only screen and (min-width: 1440px) {
}

@media (max-width: 1024px) {
    nav ul {
        width: 100%;
        top: 0px;
        left: 0;
        z-index: 0;
        position: absolute;
        display: none;
        transform: translateY(-100%);
        transition: transform 200ms linear;
    }

    nav ul li a {
        text-decoration: none;
        padding: 1rem 2rem;
    }
    nav ul li ul.sub-menu a {
        padding: 0 2rem;
    }
    nav ul li > ul {
        padding: 0;
    }
    nav ul li > ul {
        display: block;
        position: relative;
        transform: none;
        transition: none;
        top: 100%;
        width: 100%;
        box-shadow: none;
    }
    nav ul li ul li {
        width: 100%;
    }
    nav .menu_open {
        display: block;
        transform: translateY(0);
        z-index: 9999;
        padding: 5rem 2rem 2rem 2rem;
        background-color: #007dba !important;
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); /* Drop shadow */
    }
    nav .menu-toggle {
        display: block;
        position: absolute;
        right: 2rem;
        top: 2rem;
        z-index: 9999;
    }
    .slick-slide {
        margin: 0px 0.5rem;
    }
    .slick-next:before,
    .slick-prev:before {
        width: 1rem;
    }
    .slick-next {
        right: 2rem;
    }
    nav ul li {
        text-align: center;
    }
    nav ul li a:hover,
    nav ul li.current-menu-item a {
        border-bottom: 0;
        color: #00567d;
    }
    nav ul li a:hover svg {
        display: none;
    }
    nav ul li.current-menu-item a span {
        transform: translateY(0%);
    }
    nav ul li.current-menu-item a svg {
        opacity: 0;
    }
}
@media (max-width: 767px) {
}