/*
Theme Name: Whitespace Child IANM Medicine
Theme URI: https://www.valice.com/
Author: Valice
Author URI: https://www.valice.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
Template: whitespace
Text Domain: ianm-medicine
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 with others.

Whitespace is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgba(0,0,0,.8);
    color: #333;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
}

b,strong {
    font-weight: 600;
}

a,
a:visited {
    color: #0C4F5F;
}

a:hover {
    color: #54AEC2;
}

a.button,
.button,
.wp-block-button .wp-block-button__link,
input[type="submit"] {
    background: #0C4F5F;
    color: #fff;
    border: 1px solid #0C4F5F;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 30px;
}

a.button.clear,
.button.clear,
.wp-block-button.clear .wp-block-button__link {
    background-color: transparent;
    border: 1px solid #fff;
}

input[type="submit"] {
    display: block;
    width: 100%;
}

.wp-block-column.green-background input[type="submit"] {
    background: #54AEC2;
}

a.button:hover,
.button:hover,
.wp-block-button .wp-block-button__link:hover,
input[type="submit"]:hover {
    background: #54AEC2;
    color: #fff;
    border: 1px solid #54AEC2;
}

h1,h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #0C4F5F;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 36px;
}

/* Header */

.site-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 99;
}

.pre-header {
    background: #0C4F5F;
    color: #fff;
    width: 100%;
}

.pre-header a.button {
    background: #fff;
    color: #fff;
    padding: 5px;
    border-radius: 0;
    color:#0C4F5F;
}

.pre-header a.button:hover {
    background-color: #0C4F5F;
    color: #fff;
}

.pre-header a {
    color: #fff;
    text-decoration: none;
}

.pre-header .pre-header-inner {
    max-width: 1350px;
    padding: 5px 10px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-branding {
    background-image:url(images/ianm-header.png);
    background-size: cover;
    height: 180px;
    width: 100%;
}

.site-branding img {
    display: none;
}

.main-navigation {
    text-align: center;
    box-shadow: 3px 3px 5px #ccc;
}
.main-navigation ul {
    justify-content: center;
}

.main-navigation li.menu-item {
    margin: 0 10px;
}

.main-navigation li.menu-item a {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 20px 0;
    letter-spacing: .5px;
    color: #111111;
    border-top: 2px solid transparent;
}

.main-navigation li.menu-item a:hover,
.main-navigation li.menu-item.current-menu-item a {
    border-top: 2px solid #0C4F5F;
}

.main-navigation .menu-toggle {
    display: none;
}

/* Footer */

.site-footer {
    background-color: #222222;
    color: #fff;
}

.site-footer a,
.site-footer h2 {
    color: #fff;
    text-decoration: none;
}

.site-footer .footer-content {
    padding: 100px 0;
    max-width: 1060px;
    margin: 0 auto;
    font-size: 15px;
}

.site-footer .footer-content img {
   width: 500px;
   max-width: 90%;
}

.site-footer .footer-content .footer-sections {
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: flex-start;
    padding: 40px 0;
    border-top: 1px solid #FFFFFF3D;
    border-bottom: 1px solid #FFFFFF3D;
    margin-top: 40px;
    padding: 20px;
}

.site-footer .footer-content .footer-sections ul {
    padding: 0;
    margin: 20px 0;
}

.site-footer .footer-content .footer-sections li {
    list-style-type: none;
    margin: 10px 0;
    padding-left: 0;
}

.site-footer .footer-content .footer-sections li a {
    text-transform: uppercase;
}

.site-footer .footer-content .footer-sections h2 {
    font-size: 24px;
    padding: 0;
    margin: 0;
}

.site-footer .site-info {
    font-size: 13px;
}

/* Page Struction */

.site-main {
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
    justify-content: center;
}

.archive .site-main,
.single-diplomate .site-main {
    display: block;
}

.single-diplomate .site-main {
    max-width: 700px;
}

.single-diplomate ul li {
    list-style-type: none;
}

.single-diplomate h2,
.single-diplomate h3 {
    text-align: center;
}

article.type-page {
    padding: 20px;
    width: 1060px;
    max-width: 100%;
}

.widget-area {
    width: 450px;
    max-width: 100%;
    padding: 60px 40px;
    background: #F9F9F9;
    z-index: 1;
}

.page-content, .entry-content, .entry-summary {
    max-width: 1060px;
    margin: 0 auto;
    padding: 10px;
}

.image-header {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    position: relative;
}

.image-header h1 {
    max-width: 1060px;
    color: #fff;
    font-size: 50px;
    margin: 0 auto;
    z-index:999;
}

.image-header-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(90deg, #54AEC2 30%, #F2295B00 100%);
    opacity: 0.75;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* Sidebar Styling */

.widget-area h2 {
    font-size: 24px;
    font-weight: 300;
}

.widget-area ul {
    margin-left: 0;
    padding-left: 0;
}

.widget-area li.menu-item {
    list-style-type: none;
    margin-left: 0;
    padding: 10px 0;
}

.widget-area li.menu-item:before,
.footer-sections li:before {
    content: "\f345";
    font-family: 'dashicons';
    margin-right: 20px;
    color: #54AEC2;
    display: inline-block;
    vertical-align: middle;
}

.widget-area li.menu-item a {
    color: #111111;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
}

/* Page Blocks */

.wp-block-cover__inner-container {
    padding: 40px;
    max-width: 900px;
}

.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2 {
    line-height: 1;
}

.wp-block-column.has-background {
    padding: 40px;
}

.wp-block-column.white-background {
    background: #fff;
}

.wp-block-columns.green-background {
    background-color: #0C4F5F;
    color: #fff;
}

.wp-block-columns.green-background h2,
.wp-block-columns.green-background a {
    color: #fff;
}

.wp-block-columns.green-background .wp-block-column.green-background {
    padding: 20px;
}


article ul,
article ol {
    margin-left:10px;
}

/* Toggle */

.toggleable .toggle-body {
    display: none;
}
    
.toggleable.open .toggle-body {
    display: block;
    background-color: #F4F4F4;
    padding: 10px;
}

.toggleable .toggle-handle {
    padding: 20px 40px 20px 20px;
    font-family: "Playfair Display", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    color: #0C4F5F;
    position: relative;
}

.toggleable .toggle-handle:after {
    content: "\f543";
    font-family: 'dashicons';
    position: absolute;
    right: 20px;
    top: 20px;
}

.toggleable.open .toggle-handle {
    color: #54AEC2;
}

.toggleable.open .toggle-handle:after {
    content: "\f460";
}

/* Tables */

.tablepress.exam-dates tfoot th, 
.tablepress.exam-dates thead th {
    background-color: #0C4F5F;
    color: #fff;
    text-transform: uppercase;
}

/* Diplomates */

.archive .page-title {
    text-align: center;
}

.member-search {
    text-align: center;
}

.member-search .search-fields {
    display: flex;
    justify-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.member-search .search-fields .facetwp-facet {
    margin: 10px;
}

.facetwp-map-filtering { 
    display: none; 
}

.archive-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.member-listing {
    width: 250px;
    padding: 10px;
    margin: 10px;
}

.member-listing h2 {
    font-size: 18px;
}

.member-listing h3 {
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.member-listing ul li {
    list-style-type: none;
}

.member-listing ul {
    padding: 0;
    margin: 0;
}

.facetwp-pager {
    text-align: center;
}

/* Locator */

.locator-map {
    margin-top: 20px;
    width: 1060px;
    max-width: 100%;
    height: 400px;
}

.locator .result-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.locator .result-list .resultRow {
    width: 250px;
    margin: 20px;
}

.locator .result-list .resultRow h2,
.map-information-window h2 {
    font-size: 20px;
    padding: 0;
    margin: 0;
}

.locator .result-list .resultRow h3,
.map-information-window h3 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.locator .result-list .resultRow p {
    margin: 5px 0;
    padding: 0;
}

@media only screen and (max-width: 1140px) {
    article.type-page {
        width: 650px; 
    }
}

@media only screen and (max-width: 950px) {
    .site-main {
        flex-direction: column;
    }

    .widget-area {
        width: 100%;
    }

    .site-footer .footer-content .footer-sections {
        flex-direction: column;
    }

    .main-navigation .menu-toggle {
        display: block;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .main-navigation ul {
        display: none;
        list-style: none;
        margin: 0;
        padding-left: 0;
    } 

    .menu-toggle, .main-navigation.toggled ul {
        color: transparent;
        border:none;
        background: transparent;
        width: 100%;
    }    

    .menu-toggle:after {
        content: "\f333";
        color: #0C4F5F;
        font-family: 'dashicons';
        display: block;
        font-size: 30px;
    }

    .main-navigation li.menu-item {
        text-align: left;
    }

    .main-navigation li.menu-item a {
        padding: 10px;
        border-top: none;
        border-bottom: 1px solid #3333333D;
    }

    .main-navigation li.menu-item a:hover,
    .main-navigation li.menu-item.current-menu-item a {
        border-top: none;
    }

    .site-branding img {
        display: block;
        width: 100%;
    }

    .site-branding {
        height: auto;
        background: none;
    }
    
}

/* Sensei */

.single-lesson .page-content,
.single-course .page-content,
.single-quiz .page-content {
    width: 1060px;
    max-width: 100%;
}

/* Custom Checkout Fields */

.woocommerce form .form-row.my-field-class label {
    line-height: 1.3;
}

.form-row.my-field-class .woocommerce-input-wrapper {
    display: flex;
}

.form-row.my-field-class .woocommerce-input-wrapper label {
    margin: 0 20px 0 5px;
    line-height: 2;
}