/*
 * Theme Name: XOR
 * Theme URL: http://marathonpress.com
 * Description: Two-toned, flat borderless theme with dynamic design that adapts to mobile screens. Now built on the Genesis Framework.
 * Author: Marathon Press, Inc
 * Author URI: http://marathonpress.com
 * Version: 2.1.3
 * 
 * Template: genesis
 * 
 * License: GNU General Public License v2.0 (or later)
 * License URI: http://www.opensource.org/licenses/gpl-license.php 
 */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

img, video { display: block; }
video { width: 100%; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

a { color: #d7d7d7; }

p, a, .textwidget, li { font-family: 'Quicksand', sans-serif; font-weight: 300; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 {font-family: 'Quicksand', sans-serif; font-weight: 300; }

h1 { font-size: 2.75em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1em; }

body, footer {
    background-color: #d7d7d7;
    font-size: 14px;
}

.site-header {
    padding-bottom: 5px;
    background: #d7d7d7;
    height: 130px;
    position: relative;
}

#logo {
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 1;
}

#logo img { width: 100%; }

.site-inner,
.footer-widgets,
footer {
/*    background-image: url('./images/stardust_2x.png');*/
    background-repeat: repeat;
    color: #d7d7d7;
}

.site-inner a { color: #d7d7d7; }

.site-inner {
    display: block;
}

.site-inner,
.site-header,
nav,
.footer-widgets,
footer {
    width: 79%;
    max-width: 1500px;
    margin: 0 auto;
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.nav-primary > .wrap { position: relative; }

.genesis-nav-menu {
/*        font-family: 'Julius Sans One', sans-serif;*/
    clear: both;
    font-size: 21px;
    line-height: 1;
    width: 100%;
        margin: 0 auto;
        text-align: right;
            /* Fallback for browsers without flexbox */
            position: absolute;
            top: -31px;
            right: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: right;
}

.genesis-nav-menu li a {
        text-decoration: none;
        color: #444349;
    display: block;
        padding: 5px 20px;
        white-space: nowrap;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #d7d7d7;
        background: #444349;
}

.genesis-nav-menu .sub-menu {
    position: absolute;
    transition:         visibility 0s ease-in-out 0.2s,opacity 0.2s ease-in-out;
    width: 200px;
    z-index: 201;
        padding: 0;
        opacity: 0;
        visibility: hidden;
}

.genesis-nav-menu .sub-menu a {
    background-color: #d7d7d7;
        opacity: 1;
    font-size: 15px;
    padding: 15px;
    position: relative;
    width: auto;
        min-width: 200px;
}

.genesis-nav-menu .sub-menu a:hover {
        opacity: 1;
        background: #444349;
        color: #d7d7d7;
}

.genesis-nav-menu .sub-menu .sub-menu {
    margin: -55px 0 0 243px;
}

/*.genesis-nav-menu .menu-item:hover {
    position: static;
}*/

.genesis-nav-menu > .menu-item:hover > .sub-menu {
    visibility: visible;
        opacity: 1;
        padding: 0;
        background: #d7d7d7;
        left: auto;
        transition-delay: 0s;
}

.genesis-nav-menu > .first > a {
    padding-left: 0;
}

.genesis-nav-menu > .last > a {
    padding-right: 0;
}

.genesis-nav-menu > .right {
    color: #fff;
    float: right;
    list-style-type: none;
    padding: 30px 0;
}

.genesis-nav-menu > .right > a {
    display: inline;
    padding: 0;
}

.genesis-nav-menu > .rss > a {
    margin-left: 48px;
}

.genesis-nav-menu > .search {
    padding: 10px 0 0;
}

.sub-menu > .menu-item {
    background: none;
    text-align: left;
}

.genesis-nav-menu > .last > .submenu > .menu-item {
    text-align: right;
}

/** Hide the SlickNav menu by default */
.slicknav_menu {
    display: none;
}


/* # Homepage Category Images and Instagram Feed
---------------------------------------------------------------------------------------------------- */


.xor-homepage-categories,
.xor-instagram {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    list-style: none;
}

.xor-category-img {
    position: relative;
    -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    
}

/*.xor-instagram > li img:hover {
    opacity: 0.5;
}*/

.xor-category-title {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 1.5em;
    padding: 9% 0;
    background: rgba(68,67,73,0.8);
    color: #d7d7d7;
    transition: all 0.4s;
}

.xor-category-overlay {
    position: absolute;
    width: 100%;
    background: #444349;
    opacity: 0;
    transition: opacity 0.4s;
}

.xor-category-img:hover .xor-category-overlay {
    opacity: 0.5;
}

.xor-category-img:hover .xor-category-title {
    color: #444349;
    background: rgba(215,215,215,0.8);
}

.xor-instagram-img,
.xor-instagram > li {
    -webkit-flex: 0 1 12.5%;
        -ms-flex: 0 1 12.5%;
            flex: 0 1 12.5%;
}

.xor-category-img img,
.xor-instagram-img img,
.xor-instagram > li img{
    width: 100%;
    transition: opacity 0.4s;
}


.xor-instagram-img {
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   transition: opacity 0.4s;
}

/*.xor-instagram-img .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}*/

.xor-instagram-img img {
   display: block;
   position: relative;
}

/*.xor-instagram-img a.info {
   background:url(../XOR/assets/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:100%;
   height:100%;
}*/

/*.xor-instagram-img .mask {
   opacity: 0;
   overflow:visible;
   background: rgba(0,0,0,0.7);
   transition: all 0.2s ease-in-out;
}*/

/*.xor-instagram-img a.info {
   position:relative;
   top:-10px;  Center the link 
   opacity: 0;
   transition: opacity 0.5s 0s ease-in-out;
}*/

/*.xor-instagram-img:hover {
   opacity: 0.5;
}*/

/*.xor-instagram-img:hover a.info {
   opacity:1;
   transition-delay: 0.3s;
}*/


/*.social-icons-widget ul li {
    margin: 0 !important;  Kaaaahhhhhnnnnn!!!! 
}*/

/* Social icons between sections */
.social-icons-widget ul {
   padding: 0;
   margin: 10px 0 10px !important;  /* Kaaaahhhhhnnnnn!!!! */
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   /*justify-content: space-around;*/
   -webkit-justify-content: flex-end;
       -ms-flex-pack: end;
           justify-content: flex-end;
}

.xor-social-icons {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

.site-footer > .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

/* ## Column Widths and Positions
----------------------------------------------------------------------------- */

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-wrap { overflow: hidden; }

.content-sidebar .content-sidebar-wrap,
.sidebar-content .content-sidebar-wrap {
    width: 95%;
    margin: 0 auto;
}

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    width: 80%;
}

.content-sidebar-sidebar .content-sidebar-wrap {
    float: left;
        margin-left: 2%;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    float: right;
        margin-right: 2%;
}

/* ### Content */

.content {
    float: right;
    width: 70%;
    padding-bottom: 5%;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
    float: left;
    padding-right: 1%;
}

.sidebar-content .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
    padding-left: 1%;
}

.content-sidebar-sidebar .content,
.sidebar-sidebar-content .content {
    width: 72%;
}

.sidebar-content-sidebar .content {
    width: 67%; /* Stupid math isn't making sense */
    border-left: 1px dotted;
    border-right: 1px dotted;
}

.full-width-content .content {
    width: 95%;
    float: none;
    margin: 0 auto;
}

/* ### Primary Sidebar ------------------------------------------------------ */

.sidebar-primary {
    float: right;
    width: 26%;
        padding: 0 1%;
}

.sidebar-content .sidebar-primary {
    float: left;
}

.content-sidebar-sidebar .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
    width: 24%;
    float: left;
}

/* ### Secondary Sidebar ---------------------------------------------------- */

.sidebar-secondary {
    float: left;
    width: 14%;
        padding: 0 1%;
}

.sidebar-sidebar-content .sidebar-secondary,
.sidebar-content-sidebar .sidebar-secondary {
    float: right;
}

/* ## Column Classes
----------------------------------------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}

.one-third,
.two-sixths {
    width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.one-sixth {
    width: 14.52991452991453%;
}

.five-sixths {
    width: 82.90598290598291%;
}

.first {
    clear: both;
    margin-left: 0;
}


/* # Info Pages
----------------------------------------------------------------------------- */

.site-inner {
    overflow: auto;
    margin-bottom: 50px;
}

#featured {
    width: 100%;
}

#featured img {
    width: 100%;
    height: auto;
}

.site-inner > .entry-title {
    text-align: center;
    border-bottom: 1px dotted;
    width: 95%;
    margin: 25px auto;
}

.content, .sidebar {
/*    border-right: 1px dotted #d7d7d7;*/
    margin-bottom: 3%;
}

.page-template-front-page .content {
    margin: 0;
    padding-bottom: 0;
}



/* # Blog
----------------------------------------------------------------------------- */

/*.entry-content p {
    width: 100%;    //Thought this was in place to fix something on the blog,
}                   //but it seems to now be fine without it. */

.entry-footer {
    margin: 0;
}

.page-template-page_blog .content,
.page-template-page_blog .sidebar,
.single-post .content,
.single-post .sidebar,
.archive .content,
.archive .sidebar {
    margin-top: 3%;
}

.entry-meta {
    padding-bottom: 10px;
    border-bottom: 1px dotted;
}

.single-post label {
    float: left;
}

.single-post textarea {
    float: left;
    clear: both;
}

.form-allowed-tags {
    float: left;
}

.single-post .form-submit {
    float: left;
}


/* ## XOR Contact Page with Map
----------------------------------------------------------------------------- */

.page-template-page-contact-map .sidebar-primary {
    width: 45%;
    padding: 0;
    margin-top: 0;
}

.page-template-page-contact-map .content {
    width: 50%;
    float: left;
}

iframe { width: 100%; }

/* ## XOR Gallery Page
----------------------------------------------------------------------------- */

.page-template-page-gallery .content {
    width: 100%;
}


/* # Footer Widgets
----------------------------------------------------------------------------- */

.footer-widgets {
    clear: both;
}

.footer-widgets,
.footer-widgets a {
    color: #d7d7d7;
        text-decoration: none;
}

.footer-widgets input {
    border: 1px solid;
}

.footer-widgets a.button,
.footer-widgets a:hover {
    color: #d7d7d7;
        text-decoration: underline;
}

.footer-widgets ul {
    list-style-type: none;
    padding: 0;
}

.footer-widgets li {
    border-bottom: 1px dotted;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.footer-widgets .widget {
    margin-bottom: 40px;
}

.footer-widgets p:last-child {
    margin-bottom: 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
    -webkit-flex: 0 1 20%;
        -ms-flex: 0 1 20%;
            flex: 0 1 20%;
}

/*.footer-widgets-1, .footer-widgets-2 { text-align: left; }
.footer-widgets-3, .footer-widgets-4 { text-align: right; }*/

.footer-widgets .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 96%;
    margin: 0 auto;
}

.site-footer {
    padding: 1px 0;
    font-size: 16px;
}

.site-footer p {
    padding-left: 2%;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td,
.widget_calendar th {
    text-align: center;
}


/* # Gravity Forms
---------------------------------------------------------------------------------------------------- */

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    color: #d7d7d7;
    font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
input[type=text],
input[type=email],
input[type=url],
textarea {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding: 5px 2px 5px 8px;
    border: 1px solid;
    background: none;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    color: #CF474C;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
    font-size: 14px;
    background: none;
    height: 28px;    
}

body .gform_wrapper .gform_footer input[type=submit],
input[type=submit] {
    background: none;
    color: #d7d7d7;
    border: 1px solid;
    padding: 5px 25px;
    min-width: 110px;
    width: auto;
    height: 35px;
    font-weight: 300;
    transition: all 0.2s ease-in-out;    
}

body .gform_wrapper .gform_footer input[type=submit]:hover,
input[type=submit]:hover {
    color: #444349;
    background: #d7d7d7;
}

.gform_wrapper ul.gfield_radio li,
.gform_wrapper ul.gfield_checkbox li {
    overflow: visible !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
    color: #d7d7d7;
    border: none;
}

.gform_wrapper .gfield_time_hour {
    width: 80px !important;
}

.gform_wrapper .ginput_complex,
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right,
.gform_wrapper .ginput_complex .ginput_full {
    overflow: visible !important;
}

.gform_wrapper .ginput_complex .ginput_right {
    width: 46% !important;
}


/* ## Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.pagination ul {
    padding: 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

li.pagination-next a {
    width: 85px;
}

.archive-pagination li a {
	background: none;
	color: #d7d7d7;
        border-color: #d7d7d7;
        border: 1px solid;
	cursor: pointer;
	font-size: 16px;
	padding: 7px 10px;
        font-weight: 300;
        text-decoration: none;
        
}

.archive-pagination li a:hover,
.archive-pagination .active a {
	background: #d7d7d7;
        color: #444349;
        text-decoration: none;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.sidebar img { height: auto; }
.widget { margin-bottom: 5%; }


@media screen and (max-width: 1100px) {
    
    .site-inner,
    .site-header,
    nav,
    .footer-widgets,
    footer {
        width: 100%;
    }
    
    .genesis-nav-menu {
        font-size: 18px;
    }
    
    .xor-category-img {
        -webkit-flex: 0 1 50%;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
    }
    
    .xor-instagram-img, .xor-instagram > li {
        -webkit-flex: 0 1 25%;
            -ms-flex: 0 1 25%;
                flex: 0 1 25%;
    }
    
    
    
}

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

    .slicknav_menu {
        display: block;
    }
    
    .genesis-nav-menu {
        display: none;
    }
    
    iframe {
        padding-bottom: 5%;
    }
    
    .xor-social-icons {
        margin: 0 auto;
    }
    
    .content-sidebar .content-sidebar-wrap,
    .sidebar-content .content-sidebar-wrap,
    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap,
    .sidebar-secondary {
        width: 95%;
        margin: 0 auto;
        float: none;
    }
    
    .sidebar-secondary {
        text-align: left;
        padding: 0;
    }
    
    .content,
    .content-sidebar-sidebar .content,
    .sidebar-sidebar-content .content,
    .sidebar-content-sidebar .content,
    .sidebar-primary {
            width: 100%;
            margin: 0 auto;
            padding: 0;
    }
    
    .sidebar-content-sidebar .content {
        border: none;
    }

    .sidebar-primary {
        float: left;
        text-align: left;
    }
    
    .page-template-page-contact-map .content,
    .page-template-page-contact-map .sidebar-primary {
        width: 100%;
    }

}

@media screen and (max-width: 800px) {
    
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
            margin: 0;
            width: 100%;
    }
    
}

@media screen and (max-width: 700px) {
    
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
    -webkit-flex: 0 1 40%;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
    }

}

@media screen and (max-width: 400px) {
    
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    }
    
    .comment-respond input[type="email"],
    .comment-respond input[type="text"],
    .comment-respond input[type="url"],
    input[type="text"], input[type="text"], input[type="url"] {
            width: 100% !important; /* Because I'm lazy */
    }
    
}