/* Enter Your Custom CSS Here */

/* Center the Game Title Below the Game Image */
.wc-shortcodes-entry-title {
    text-align: center;
}

/* Make the titles below images smaller on mobile */
@media (max-width: 480px){
    .alm-reveal h2, h3 {
        font-size: 12px;
    }
}
@media (min-width: 481px) and (max-width:768){
    .alm-reveal h2, h3 {
        font-size: 14px;
    }
}

/* Front Page Section 1 Formatting */
.content_section_1 {
    background-color: #3498db;
    color:#ffffff;
}

/* Theme Tweaks */
.sidebar .widget .widget-title {
    color: #646e6f;
}

.wc-shortcodes-entry-title {
    font-size:17px;
}

/* Game Formatting */

.game-container {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    margin-bottom: 20px;
    margin-top: 30px;
    background-color: #efefef;
}

.game {
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: #efefef;
}

.game iframe, object {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    min-width:100%;
    *width: 100%;
    height: 100%;
    background-color: #efefef;

}

.game-description {
    margin-bottom: 20px;
}

.game-instructions {
    background-color: #efefef;
    margin-bottom: 20px;
    padding: 20px;
}

.game-related-content {
    margin-bottom: 10px;
}

.full-screen-button {
    background-color: #f49e00 !important;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 15px 5px;
    cursor: pointer;
}

.full-screen-button:hover {
    background-color: #ff6900 !important;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

}

.center-button {
    text-align: center;
}

/* Change the width of the main menu */
.main-navigation ul ul {
    width: 310px;
}

/* Set the width of the menu */
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/* Sets header image to full browser width */
/*
.page-header-image.grid-container {
      max-width: 100%;
}

.page-header-image img {
      width: 100%;
}
*/

/* Removes gap between main nav and header image */

/*
.separate-containers .page-header-image, .separate-containers .page-header-content, .separate-containers .page-header-image-single, .separate-containers .page-header-content-single {
      margin-top: 0;
}
*/

/*
Remove the bottom border from WP Canvas Borderless template
*/

.wc-shortcodes-posts-template-borderless .wc-shortcodes-post-border {
    border-bottom: none;
}

body {
    background-color: #efefef;
    color: #646e6f;
}

a,
a:visited {
    color: #1e73be;
}

a:hover,
a:focus,
a:active {
    color: #000000;
}

body .grid-container {
    max-width: 1200px;
}

body,
button,
input,
select,
textarea {
    font-family: "Comic Sans MS";
    font-size: 18px;
}

.entry-content>[class*="wp-block-"]:not(:last-child) {
    margin-bottom: 1.5em;
}

.main-navigation a,
.menu-toggle {
    font-size: 22px;
}

.main-navigation .main-nav ul ul li a {
    font-size: 19px;
}

@media (max-width:768px) {
    .main-title {
        font-size: 30px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 25px;
    }
}

.top-bar {
    background-color: #636363;
    color: #ffffff;
}

.top-bar a,
.top-bar a:visited {
    color: #ffffff;
}

.top-bar a:hover {
    color: #303030;
}

.site-header {
    background-color: #ffffff;
    color: #2980b9;
}

.site-header a,
.site-header a:visited {
    color: #3a3a3a;
}

.main-title a,
.main-title a:hover,
.main-title a:visited {
    color: #222222;
}

.site-description {
    color: #757575;
}

.main-navigation,
.main-navigation ul ul {
    background-color: #3498db;
}

.main-navigation .main-nav ul li a,
.menu-toggle {
    color: #ffffff;
}

.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li:focus>a,
.main-navigation .main-nav ul li.sfHover>a {
    color: #ffffff;
    background-color: #2980b9;
}

button.menu-toggle:hover,
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a,
.main-navigation .mobile-bar-items a:hover,
.main-navigation .mobile-bar-items a:focus {
    color: #ffffff;
}

.main-navigation .main-nav ul li[class*="current-menu-"]>a {
    color: #ffffff;
    background-color: #2980b9;
}

.main-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover>a {
    color: #ffffff;
    background-color: #2980b9;
}

.navigation-search input[type="search"],
.navigation-search input[type="search"]:active {
    color: #2980b9;
    background-color: #2980b9;
}

.navigation-search input[type="search"]:focus {
    color: #ffffff;
    background-color: #2980b9;
}

.main-navigation ul ul {
    background-color: #3498db;
}

.main-navigation .main-nav ul ul li a {
    color: #ffffff;
}

.main-navigation .main-nav ul ul li:hover>a,
.main-navigation .main-nav ul ul li:focus>a,
.main-navigation .main-nav ul ul li.sfHover>a {
    color: #ffffff;
    background-color: #2980b9;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
    color: #ffffff;
    background-color: #2980b9;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"]>a:hover,
.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover>a {
    color: #ffffff;
    background-color: #2980b9;
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
    color: #646e6f;
    background-color: #ffffff;
}

.entry-meta {
    color: #595959;
}

.entry-meta a,
.entry-meta a:visited {
    color: #595959;
}

.entry-meta a:hover {
    color: #1e73be;
}

.sidebar .widget {
    color: #646e6f;
    background-color: #ffffff;
}

.sidebar .widget .widget-title {
    color: #000000;
}

.footer-widgets {
    color: #2980b9;
    background-color: #e2e2e2;
}

.footer-widgets .widget-title {
    color: #000000;
}

.site-info {
    color: #ffffff;
    background-color: #222222;
}

.site-info a,
.site-info a:visited {
    color: #ffffff;
}

.site-info a:hover {
    color: #606060;
}

.footer-bar .widget_nav_menu .current-menu-item a {
    color: #606060;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    color: #666666;
    background-color: #fafafa;
    border-color: #cccccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    color: #666666;
    background-color: #ffffff;
    border-color: #bfbfbf;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
a.wp-block-button__link:not(.has-background) {
    color: #ffffff;
    background-color: #666666;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover {
    color: #ffffff;
    background-color: #3f3f3f;
}

.generate-back-to-top,
.generate-back-to-top:visited {
    background-color: rgba( 0, 0, 0, 0.4);
    color: #ffffff;
}

.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background-color: rgba( 0, 0, 0, 0.6);
    color: #ffffff;
}

.inside-header {
    padding: 20px;
}

.entry-content .alignwide,
body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: -40px;
    width: calc(100% + 80px);
    max-width: calc(100% + 80px);
}

.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .mobile-bar-items a {
    padding-left: 40px;
    padding-right: 40px;
}

.main-navigation .main-nav ul ul li a {
    padding: 10px 40px 10px 40px;
}

.rtl .menu-item-has-children .dropdown-menu-toggle {
    padding-left: 40px;
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 40px;
}

.rtl .main-navigation .main-nav ul li.menu-item-has-children>a {
    padding-right: 40px;
}

@media (max-width:768px) {
    .separate-containers .inside-article,
    .separate-containers .comments-area,
    .separate-containers .page-header,
    .separate-containers .paging-navigation,
    .one-container .site-content,
    .inside-page-header {
        padding: 30px;
    }
    .entry-content .alignwide,
    body:not(.no-sidebar) .entry-content .alignfull {
        margin-left: -30px;
        width: calc(100% + 60px);
        max-width: calc(100% + 60px);
    }
}

.one-container .sidebar .widget {
    padding: 0px;
}


/* End cached CSS */

@media (max-width: 768px) {
    .main-navigation .menu-toggle,
    .main-navigation .mobile-bar-items,
    .sidebar-nav-mobile:not(#sticky-placeholder) {
        display: block;
    }
    .main-navigation ul,
    .gen-sidebar-nav {
        display: none;
    }
    [class*="nav-float-"] .site-header .inside-header>* {
        float: none;
        clear: both;
    }
}

@font-face {
    font-family: "GeneratePress";
    src: url("../fonts/generatepress.eot");
    src: url("../fonts/generatepress.eot#iefix") format("embedded-opentype"), 
        url("../fonts/generatepress.woff2") format("woff2"), 
        url("../fonts/generatepress.woff") format("woff"), url("../fonts/generatepress.ttf") format("truetype"), url("../fonts/generatepress.svg#GeneratePress") format("svg");
    font-weight: normal;
    font-style: normal;
}

.main-navigation .slideout-toggle a:before,
.slide-opened .slideout-overlay .slideout-exit:before {
    font-family: GeneratePress;
}

.slideout-navigation .dropdown-menu-toggle:before {
    content: "\f107" !important;
}

.slideout-navigation .sfHover>a .dropdown-menu-toggle:before {
    content: "\f106" !important;
}

.navigation-branding .main-title {
    font-weight: bold;
    text-transform: none;
    font-size: 45px;
}

@media (max-width: 768px) {
    .navigation-branding .main-title {
        font-size: 30px;
    }
}
img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}