/*
Theme Name: Idaho Academy of Nutrition & Dietetics
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: iand
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;
}

h1, h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #018546;
}

a,
a:visited {
    color: #018546;
}

a:hover {
    color: #0069af;
}

a.button,
.gform_wrapper input.gform_button {
    display: inline-block;
    padding: 8px 10px;
    border: 2px solid;
    border-radius: 5px;
    text-decoration: none;
}

.gform_wrapper input.gform_button {
    background-color: transparent;
    border-color: #0069af;
    color: #0069af;
}

/* Pre Header */

.pre-header {
    display: flex;
    justify-content: space-between;
    background-color: #e29023;
    color: #fff;
    padding: 10px 20px;
    align-items: center;
}

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

.pre-header ul {
    padding: 0;
    margin: 0;
}

.pre-header li {
    list-style-type: none;
    text-transform: uppercase;
}

ul.social-icons {
    display: flex;
}
ul.social-icons li a {
    padding: 10px;
}

.header-navigation li.menu-item .sub-menu-wrapper {
    display: none;
}

.header-navigation li.menu-item.full-submenu > a:after {
    content: "\f347";
    font-family: 'dashicons';
    margin-left: 5px;
    vertical-align: middle;
}

.header-navigation li.menu-item.active > .sub-menu-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #0069af;
    color: #e29023;
    justify-content: center;
    align-items: center;
    text-align: left;
    z-index: 99;
    padding: 40px 20px;
}


.header-navigation li.menu-item ul.sub-menu {
    max-width: 1200px;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    float: none;
    left: auto;
    right: auto;
    top: auto;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.header-navigation li.menu-item ul.sub-menu li.menu-item {
    padding: 20px;
}

.header-navigation li.menu-item ul.sub-menu li.close {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center;
}

.header-navigation li.menu-item.active > .sub-menu-wrapper ul.sub-menu {
    display: flex;
}

.header-navigation li.menu-item ul.sub-menu li.menu-item.eatright a:before {
    content:'';
    background-image: url(images/eatright.png);
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.header-navigation li.menu-item ul.sub-menu li.menu-item.apple a:before {
    content:'';
    background-image: url(images/apple.png);
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.header-navigation li.menu-item ul.sub-menu li.menu-item.wheat a:before {
    content:'';
    background-image: url(images/wheat-fill.png);
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.header-navigation li.menu-item ul.sub-menu li.menu-item.incident a:before {
    content:'';
    background-image: url(images/incident.png);
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.header-navigation li.menu-item ul.sub-menu li.menu-item.awards a:before {
    content:'';
    background-image: url(images/award.png);
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.header-navigation li.menu-item ul.sub-menu li.menu-item.idaho a:before {
    content:'';
    background-image: url(images/idaho.png);
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 700px) {
    .header-navigation li.menu-item ul.sub-menu li.menu-item.eatright a:before,
    .header-navigation li.menu-item ul.sub-menu li.menu-item.apple a:before,
    .header-navigation li.menu-item ul.sub-menu li.menu-item.wheat a:before,
    .header-navigation li.menu-item ul.sub-menu li.menu-item.incident a:before,
    .header-navigation li.menu-item ul.sub-menu li.menu-item.awards a:before,
    .header-navigation li.menu-item ul.sub-menu li.menu-item.idaho a:before {
        width: 25px;
        height: 25px;
    }
}


/* Header */

.site-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.site-header .site-branding {
    padding: 20px 10px;
}

.main-navigation {
    background-color: #0069af;
}

.main-navigation ul.menu {
    justify-content: center;
}

.main-navigation li.menu-item a {
    padding: 15px;
    color: #fff;
    line-height: 1;
}

.main-navigation li.menu-item a:hover {
    background-color: #035e91;
}

.main-navigation ul.sub-menu {
    background-color: #0069af;
    flex-direction: column;
}

@media screen and (max-width: 1025px) {

    .menu-toggle {
        display: block;
    }

    .main-navigation ul {
        display: none;
    }

    button.menu-toggle {
        color: transparent;
        margin: 0 auto;
        border: none;
        background-color: transparent;
        line-height: 0;
        padding: 10px;
    }

    .main-navigation ul.sub-menu {
        width: 100%;
    }

    .main-navigation ul.sub-menu li.menu-item a {
        width: 100%;
    }

    button.menu-toggle:before {
        content: "\f349";
        font-family: 'dashicons';
        display: block;
        color: #fff;
        padding: 10px;
    }

    .site-header .main-navigation {
        text-align: left;
        padding: 0 20px;
    }

}

/* Page Content */

.post, .page {
    margin: 0;
}

.image-header {
    height: 500px;
    background-size: cover;
    background-position: center;
}

.page-content,
.entry-content,
.archive-content,
article.post,
.inner {
    max-width: 1140px;
    padding: 20px;
    margin: 0 auto;
}

h1.page-title {
    text-align: center;
    background-color: #e29023;
    color: #fff;
    padding: 20px;
    margin: 0;
}

.blue-section {
    padding: 60px 10px;
    background-color: #0069af;
    color: #fff;
}

.blue-section.green {
    background-color: #018546;
}

.blue-section a,
.blue-section h1,
.blue-section h2 {
    color: #fff;
}

.blue-section a.button:hover {
    background: #fff;
    color: #0069af;
    border-color: #fff;
}

.image-separator {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 400px;
}

@media only screen and (max-width: 700px) {
    .image-header {
        height: 300px;
    }

    .image-separator {
        background-attachment: scroll;
    }
}

/* Sidebar (Home Page) */

#secondary {
    background-color: #0069af;
    color: #fff;
    padding: 60px 10px;
}

#secondary a,
#secondary h1,
#secondary h2 {
    color: #fff;
}

#secondary section {
    max-width: 900px;
    margin: 0 auto;
}

ul.wp-block-latest-posts.wp-block-latest-posts__list {
    margin-left: 0;
    padding-left: 0;
}

ul.wp-block-latest-posts.wp-block-latest-posts__list li {
    margin-bottom: 10px;
}

/* Board */

.board,
.liaisons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.board-member {
    width: 175px;
    padding: 10px;
    text-align: center;
}

.board-member h2 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 18px;
}

/* TablePress */

.page-content .tablepress tfoot th,
.page-content .tablepress thead th {
background-color: #0069af;
color: #fff;
}

/* Post Content */

.archive-content article.post {
    display: flex;
}

article.post h2.entry-title {
    padding: 0;
    line-height: 1;
}

article.post h2.entry-title a {
    text-decoration: none;
}

nav.pagination {
    text-align: center;
    padding: 5px;
}

/* Footer */

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

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

/* Annual Meeting */

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

.content-boxes .content-box {
    width: 300px;
    min-height: 250px;
    background: #f5f5f5;
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
}

.content-box:hover {
	background: #f1f1f1;
}

.content-box h3:before {
	width: 100px;
	display: block;
	margin: 5px auto;
}

.content-box a {
    text-decoration: none;
}

h3.hotel:before {
	content: url(images/hotel.svg);
}

h3.registration:before {
	content: url(images/registration.svg);
}

h3.rates:before {
	content: url(images/rates.svg);
}

h3.education:before {
	content: url(images/education.svg);
}

h3.checkin:before {
	content: url(images/checkin.svg);
}

h3.cancellation:before {
	content: url(images/cancellation.svg);
}

h3.faq:before {
	content: url(images/faq.svg);
}

h3.sessions:before {
	content: url(images/sessions.svg);
}

h3.layout:before {
	content: url(images/layout.svg);
}

h3.speakers:before {
	content: url(images/speakers.svg);
}

h3.sponsors:before {
	content: url(images/sponsors.svg);
}

h3.handouts:before {
	content: url(images/handouts.svg);
}

h3.evaluation:before {
	content: url(images/evaluation.svg);
}

h3.agenda:before {
	content: url(images/agenda.svg);
}

h3.events:before {
	content: url(images/events.svg);
}

h3.glance:before {
	content: url(images/glance.svg);
}

h3.logistics:before {
	content: url(images/logistics.svg);
}

h3.cancel:before {
	content: url(images/cancel.svg);
}

h3.live-event:before {
	content: url(images/live-event.svg);
}

.content-box h3 {
	color: #0069af;
}

a.pdf:before {
	content: url(images/pdf.png);
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

a.pdf {
	color: #0069af;
}

.speaker {
    display: flex;
	clear: both;
	margin: 40px auto;
    width: 100%;
}

.speaker h2 {
    margin-top: 0;
    padding-top: 0;
}

.speaker-image {
	vertical-align: top;
	width: 20%;
	padding-right: 10px;
}

.speaker-body {
	width: 75%;
}

.speaker-image img {
	width: 100%;
	height: auto;
}

.tablepress td {
	line-height: 1;
}

.entry-content .smcx-embed {
	width: 100%;
	max-width: 100%;
	min-height: 700px;
}

.entry-content .smcx-embed > .smcx-iframe-container {
	max-width: 100%;
	width: 100%;
	min-height: 700px;
}

@media only screen and (max-width: 700px) {
    .speaker {
       flex-direction: column;
       align-items: center;
    }

    .speaker-body,
    .speaker-image {
        width: auto;
    }

    .speaker h2 {
        text-align: center;
    }
}

.toggleable > .toggle-handle {
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	
}

.toggleable > .toggle-handle a {
	color: #333;
}

.toggleable > .toggle-body {
    	display: none;
}

.toggleable .toggle-handle::before {
   	content: '+';
    	width: 1em;
    	text-align: center;
    	vertical-align: baseline;
    	display: inline-block;
}

.toggleable.open .toggle-handle::before {
    	content: '-';
}

.toggle-body {
	margin-left: 20px;
}

.supporters {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.supporters .event-supporter {
    padding: 10px;
    width: 200px;
    text-align: center;
}