/*
Theme Name: Arie kwast
*/

html { background-color: #23282d; background-size:cover; background-position:50% 0; background-attachment:fixed; height:100vh; color:#FFF; font-family:sans-serif; }

body { margin:0;  }

a { color:#FFF; }
h1 { margin-top:0; }

#page { width:100%; }
.grid-item { float:left; margin:0 10px 10px 0; overflow:hidden; }
.grid-item img { vertical-align: top; }

.site-logo-link { display:block; width:40%; float:right; background-image:url(images/logo_kwast_white.png); text-indent:-1000px; background-size:contain; background-repeat:no-repeat; background-position:100%; height:0; padding-bottom: 45%;margin-bottom: 1.5em;}

#logo-top { overflow:hidden; }
.site-navigation { background:rgba(0,0,0,0.6); }
.site-navigation ul, .site-navigation li { margin:0; padding:0; list-style:none; }
.site-navigation li { padding:9px; }
.site-navigation a { text-decoration:none; transition:color 0.5s ease; }
.site-navigation .current-menu-item a,
.site-navigation .current_page_item a,
.site-navigation a:hover { color:#e74310; }
.site-navigation h3 { display: none;  }


/* SIDEBAR */

.site-side { padding:20px; }

/* CONTENT */

.page article { max-width:600px; margin:0 20px; background:rgba(0,0,0,0.4); padding:30px; }
.photoswipe_gallery { margin:0!important; }
.icon-wrapper { text-align:center; }
.hometitle {text-decoration:none;font-size: 1.15em;font-weight:bold;}
.roundbutton { background:#e74310; padding:0 20px; line-height:250%; display:inline-block; border-radius:6px; text-decoration:none; font-weight:bold; margin-top: 1rem; }
.two-cols>div { padding-top:2rem; border-top:1px solid #FFF; margin-top:2rem; }


/* FORMS */

input { padding:5px; }
label { margin: 1.5em 0 -0.5em; display: block;}
.btn, input[type=submit] { background:#e74310; text-decoration:none; padding:0 1em; line-height:2.5em; display:inline-block; margin-top:1.5em; border-radius:5px; border:none; color:#FFF; }

div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #e74310!important;
    border: 1px solid #e74310!important;
    color: #fff!important;
}

ul.codes { list-style:none; padding:0; overflow: auto; margin:1.8em 0 0;}
ul.codes li { float:left; width:122px; border:1px solid #CCC; border-radius:5px; padding:25px; margin:0 25px 0 0; position:relative; }
ul.codes li input { width:110px; }
ul.codes li .nr { font-size:1.5em; position: absolute; top:10px; right:10px; }

/* SOCIAL MEDIA ICONS */

.simple-social-icons {
    overflow: hidden;
    margin-top: 1.5em;
}
.simple-social-icons ul {
    margin: 0;
    padding: 0;
}
.simple-social-icons ul li {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
    transition:background 0.5s ease;
    border: medium none !important;
    float: right;
    list-style-type: none !important;
    margin: 0 0 12px 12px !important;
    padding: 8px 10px !important;
}

.simple-social-icons ul li:hover {
    background: #e74310 none repeat scroll 0 0 !important;
}

.simple-social-icons ul li a {
    border: medium none !important;
    box-sizing: content-box;
    display: inline-block;
    font-family: "fontello";
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: 1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    width: 1em;
    color: #333;
    font-size: 1.2em;
}

.simple-social-icons ul.aligncenter {
    text-align: center;
}
.simple-social-icons ul.aligncenter li {
    display: inline-block;
    float: none;
}

@media (min-width: 582px) {
.site.site-content { padding-left:300px; }
.site-side { width:200px; padding: 140px 40px 40px; background-color: rgba(35, 40, 45, 0.7); height: 100%; position: fixed; left: 0; top: 0; overflow-x: visible; overflow-y: auto; z-index: 2500; }
.page article { margin: 140px 0 60px; }
.site-logo-link { width:100%; padding-bottom:75%; }

.site-navigation { text-align:right; background:transparent; }
.site-navigation ul { border-right:2px solid #FFF; }

.site-navigation { float:none; width:100%; }
.site-navigation h3 { display: block;  }

.page article { margin:0 40px; padding:50px; }

.two-cols { margin:0 -20px;  overflow:hidden; }
.two-cols>div { float:left; width:50%; padding:0; border:none; margin:0; }
.two-cols>div p { padding:0 20px; }
}