@charset "UTF-8";

/*
Theme Name: catchingdiamonds
Version: 1.1
*/

/***************
Fonts

font-family: 'Merriweather Sans', sans-serif;
font-family: 'Prata', serif;
***************/

/***************
Colors

Purple: #382231 rgb(56, 34, 49)
Blue: #1c75ba rgb(28, 117, 186)
Light Blue: #218cde (Hover state)
***************/

body {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Prata', serif;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1rem;
}

#page {
    max-width: 1120px;
    margin: auto;
}

.section-pad {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.blockquote {
    font-size: 1rem;
}

@media (min-width: 992px) {
    h1 {
        font-size: 5rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.25rem;
    }
}

@media (min-width: 1200px) {
    body {
        background: #e6e6e6 url("/wp-content/themes/catchingdiamonds/assets/images/backgrounds/illustration_wallpaper.png") repeat-y;
    }

    .container {
        max-width: 1060px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1700px) {
    #page {
        max-width: 1600px;
    }
}

/***************
Links
***************/
a {
    text-decoration: none;
    color: #1c75ba;
    transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
    color: #218cde;
}

/***************
Buttons
***************/
.btn.btn-primary,
.search-submit,
.widget-area button[type="submit"] {
    background-color: #1c75ba;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    border: none;
    padding: 0.5rem 1.5rem;
    transition: all .2s ease-in-out;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.search-submit:hover,
.search-submit:active,
.search-submit:focus,
.widget-area button[type="submit"]:hover,
.widget-area button[type="submit"]:active,
.widget-area button[type="submit"]:focus {
    background-color: #218cde;
    text-decoration: none;
}

.btn.btn-link {
    text-decoration: none;
    color: #1c75ba;
    transition: all .2s ease-in-out;
}

.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus {
    color: #218cde;
    text-decoration: underline;
}

.scrollTopBtn {
    position: sticky;
    bottom: 0;
    text-align: right;
    padding-bottom: 1rem;
}

.scrollTopBtn button {
    background: transparent;
    border: none;
    transition: all .2s ease-in-out;
}

.scrollTopBtn button i {
    font-size: 2rem;
    color: #1c75ba;
}

.scrollTopBtn button i:hover {
    color: #218cde;
}

/***************
Responsive You Tube Embeds
***************/
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/***************
Carousels
***************/
.owl-carousel {
    position: relative;
}

.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-theme .owl-nav [class*=owl-] span {
    font-size: 2rem;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: rgba(0,0,0,0.5);
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0;
}

@media (min-width: 992px) {
    .owl-theme .owl-nav [class*=owl-] span {
        font-size: 3rem;
    }
}

/***************
Modals
***************/
.modal .modal-header {
    background-color: #1c75ba;
    color: #fff;
}

/***************
Navigation
***************/
.primary-nav .navbar {
    max-width: 1120px;
    margin: auto;
    background-color: #382231;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.primary-nav .navbar-dark .navbar-nav .nav-link {
    color: #fff;
    transition: all .2s ease-in-out;
}

.primary-nav .navbar-dark .navbar-nav .nav-link:hover,
.primary-nav .navbar-dark .navbar-nav .nav-link:active,
.primary-nav .navbar-dark .navbar-nav .nav-link:focus {
    color: #ccc;
    text-decoration: none;
}

.navbar-toggler {
    border: none;
}

@media (min-width: 1700px) {
    .primary-nav .navbar {
        max-width: 1600px;
    }
}

/***************
Billboard
***************/
.billboard {
    background: url("/wp-content/themes/catchingdiamonds/assets/images/backgrounds/billboard_bkgd.png") no-repeat top center;
    background-size: cover;
    font-size: 0.875rem;
    color: #fff;
}

.billboard h1 {
    font-family: 'Prata', serif;
    margin-bottom: 2rem;
    line-height: 1;
}

.billboard .tagline {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.billboard .author {
    font-family: 'Prata', serif;
    font-size: 1.25rem;
    margin-bottom: 0;
}

.billboard .illustrator {
    font-size: 1.15rem;
    font-style: italic;
}

.billboard .book-rendering {
    margin-bottom: -10rem;
    width: 100%;
}

@media (min-width: 640px) {
    .billboard .book-rendering {
        margin-bottom: -8rem;
    }
}

@media (min-width: 768px) {
    .billboard .book-rendering {
        margin-bottom: -10rem;
    }
}

@media (min-width: 992px) {
    .billboard .book-rendering {
        margin-bottom: -12rem;
    }

    .billboard .tagline {
        font-size: 1.7rem;
    }
}

@media (min-width: 1200px) {
    .billboard {
        font-size: 1.5rem;
    }
}

/***************
Interior Content
***************/
#content {
    margin-top: 75px;
    background-color: #fff;
}

.interior-header {
    background: url("/wp-content/themes/catchingdiamonds/assets/images/backgrounds/billboard_bkgd.png") no-repeat top center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.page-sections {
    padding-top: 6rem;
    background-size: contain;
}

.buy-the-book {
    background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.05));
}

.reviews {
    background: url("/wp-content/themes/catchingdiamonds/assets/images/backgrounds/diamond_bkgd.png") no-repeat center center;
    background-size: cover;
}

/***************
Footer
***************/
footer.site-footer {
    background-color: #382231;
    color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

footer.site-footer a {
    color: #fff;
}

footer.site-footer a:hover,
footer.site-footer a:active,
footer.site-footer a:focus {
    text-decoration: underline;
}

footer.site-footer .copyright {
    font-size: 0.75rem;
    margin-top: 1rem;
}

/***************
Blog
***************/
.blog article {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.blog article:not(:last-child) {
    border-bottom: 1px solid rgba(56, 34, 49, 0.5);
}

h2.entry-title {
    font-size: 2rem;
}

.posted-on {
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
}

/*Post Navigation*/
.navigation.pagination .nav-links,
.navigation.post-navigation .nav-links {
    padding: 1rem 0;
    margin-bottom: 1rem;
    width: 100%;
}

.navigation.pagination .nav-links .prev,
.navigation.post-navigation .nav-previous {
    float: left;
}

.navigation.pagination .nav-links .next,
.navigation.post-navigation .nav-next {
    float: right;
}

.navigation.pagination .page-numbers {
    display: none;
}

.navigation.pagination .prev.page-numbers,
.navigation.pagination .next.page-numbers {
    display: block;
}

#archives-dropdown-2 {
    display: block;
    width: 75%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*Sidebar Fields*/
.widget-area h2 {
    font-size: 1.5rem;
}

.widget_search {
    padding-bottom: 1rem;
}

.widget_search label span,
.widget_archive label {
    display: none;
}

.search .page-content .search-form {
    display: none;
}

.search-field,
#archives-dropdown-2 {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.widget-area input[type="search"] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (min-width: 768px) {
    .search .page-content .search-form {
        display: block;
    }
}

@media (min-width: 992px) {
    .widget_search .search-field,
    #archives-dropdown-2 {
        width: 15rem;
    }
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}