/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Text */
p {
    line-height: 1.6;
    letter-spacing: 1px;
}

h1 {
    font-size: 60px;
    font-family: 'just-lovely', cursive;
    line-height: 1;
    font-weight: 400;
}

.normal-font {
    font-family: 'Lato', sans-serif !important;
    font-size: 120% !important;
}

@media only screen and (min-width: 1000px) {
    h1 {
        font-size: 75px;
    }
}

h2 {
    color: #18b3a4 !important;
    font-size: 35px;
    line-height: 1.6;
    font-weight: 400;
}

@media only screen and (min-width: 1000px) {
    h2 {
        font-size: 40px;
    }
}

h3 {
    color: #000000 !important;
    font-size: 25px;
    line-height: 1.6;
    font-weight: 400;
}

@media only screen and (min-width: 1000px) {
    h3 {
        font-size: 30px;
    }
}

/* Adding underline to links to content area */
#content a {
    text-decoration: underline;
}

#content a.plain,
a.button {
    text-decoration: none !important;
}

/* Making blockquote size the same as body text */
blockquote {
    font-size: 1em;
}

/* Resetting uls to default padding, margins and bullets */
ul,
ol {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

ul ul,
ol ol {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin: .5em 0;
}

ul {
    list-style-type: disc;
}

ul ul {
    list-style-type: circle;
}

/* Buttons from SS in blogs had classes removed, targeting the data attributes still on them */
[data-button-size="medium"] a,
[data-button-size="small"] a,
[data-button-size="large"] a {
    background-color: #ff8361;
    padding: 10px 20px 10px 20px;
    margin-bottom: 1em;
    color: #fff;
    border-color: rgba(0, 0, 0, .05);
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin: 1em auto 2em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    max-width: 100%;
    transition: border .3s, background .3s, opacity .3s, color .3s, transform .3s, box-shadow .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    text-decoration: none !important;
}

[data-button-size="small"] a:hover,
[data-button-size="medium"] a:hover,
[data-button-size="large"] a:hover {
    outline: none;
    opacity: 1;
    color: #fff;
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}

[data-alignment="center"] {
    text-align: center;
}

/* Various overrides */
.flex-center-override {
    margin-left: auto !important;
    margin-right: auto !important;
}

.section-content h2 {
    color: #202020;
}

#footer img {
    width: auto !important
}

/* margin x-axis center */
.m-x-auto {
    margin-left: auto;
    margin-right: auto;
}

/* margin bottom */
#footer .mb-0 p {
    margin-bottom: 0 !important
}

/* Top Nav Overrides */
.nav-dark .is-outline,
.dark .nav>li>a,
.dark .nav>li.html,
.dark .nav-vertical li li.menu-item-has-children>a,
.dark .nav-vertical>li>ul li a,
.nav-dropdown.dark>li>a,
.nav-dropdown.dark .nav-column>li>a,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button {
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.header-top .nav>li {
    margin: 0 14px;
}

.header .nav-small a.icon:not(.button) {
    font-size: 1.5em;
}

.header a.icon:not(.button) {
    margin-left: .5em;
    margin-right: .5em;
}

/* Forms */
.form-container {
    max-width: 700px;
    margin: 0 auto;
}

.form-container .col {
    padding-bottom: 0;
}

article figure figcaption {
    font-size: .875rem;
    font-style: italic;
    margin: 5px 0 10px;
}

/* Special title overrides */
.section-title span {
    text-transform: none;
}

h2 .section-title span,
h2.section-title {
    color: #18b3a4;
}

h1,
.banner h1 {
    font-weight: normal !important;
}

#content .entry-meta a,
#content .entry-meta a:hover {
    color: currentColor;
    text-decoration: none !important;
}

.is-divider {
    height: 5px;
}

a.plain:hover {
    color: currentColor;
}

.blog-disclaimer {
    font-size: 14px;
    font-style: italic;
    margin: 30px 0 0;
    opacity: .8;
}

.blog-disclaimer a {
    color: currentColor;
}

#nav-below {
    font-size: 1rem;
}

.entry-content ol li p:last-of-type,
.entry-summary ol li p:last-of-type,
.col-inner ol li p:last-of-type,
.entry-content ul li p:last-of-type,
.entry-summary ul li p:last-of-type,
.col-inner ul li p:last-of-type {
    margin-bottom: 0;
}

@media screen and (min-width: 1300px) {
    .blog-wrapper>.row>.col:first-child {
        padding-right: 60px;
    }

    .blog-wrapper>.row>.post-sidebar.col {
        padding-left: 0;
        padding-right: 0;
    }
}

.entry-content hr {
    color: #17b5a5;
    background-color: #17b5a5;
    border: none;
    height: 1px;
    padding: 2px 0 2px 0;
    box-sizing: content-box;
    opacity: 1;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.wp-block-separator.is-style-wide {
    border-color: #17b5a5;
    border-bottom-width: 5px !important;
    opacity: 1;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/* Override the h2 teal override on teal boxes */
.text-box h2 {
    color: currentColor !important;
}

/* Larger margins on the sides on smaller screens */
.row.row-large,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1110px !important
}

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

    .row.row-large,
    .full-width .ubermenu-nav,
    .container,
    .row {
        max-width: 1320px !important
    }
}