/*
Theme Name: ArduinoTheme
Description: template for Arduino Related WebSite
Version: 1.0
Author: Stefania - Lorenzo
*/

body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #4E5B61;
    font-size: 1em;
    line-height: 1.625;
}
.full-width, #content, .full-width-outer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}
a {
    text-decoration: none;
    color: #00979d;
}
ul li {
    background-image: url(http://casajasmina.cc/wp-content/themes/Arduino/sqpurple.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
}
.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}
.row, section, .full-width-outer {
    margin-right: auto;
    max-width: 1260px;
    margin: 0 auto 40px;
    /*padding: 20px 0 25px;*/
}
.wideone {
    background-image: url('images/Home-img.jpg');
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
}
.magicWide {
    background-image: url('images/header7.jpg');
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
}
.wide-things {
    background-image: url('images/things-header.jpg');
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 360px;
    margin-bottom: 115px;
}
.header-img {
    margin-top: 20px;
    padding: 0px;
    margin-bottom: 4%;
    background-size: cover;
    background-repeat: no-repeat;
}
img.alignleft {
    float: left;
    margin-right: 15px;
}
    /*div.columns {
padding-left: 0px;
padding-right: 0px;
}*/

.site-logo a:nth-child(2) {
    display: none;
}
.site-logo a:nth-child(2) img {
    height: 35px;
}
.header {
    margin-top: 20px;
    margin-bottom: 5px;
}
.menu-header {
    position: relative;
    top: 100px;
}
.sticky .menu-header {
    top: 0px;
}
.nav {
    background-color: white;
}
ul {
    list-style: none;
}
.userAvatar {
    width: 44px;
}
.userAvatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    box-shadow: 2px 1px 0px #8bbaba;
    position: absolute;
    bottom: -5px;
    right: -5px;
}
.dropdown-logout {
    display: none;
    padding: 10px 12px;
    position: relative;
    top: 20px;
    border: 1px solid rgba(158, 132, 109, 0.27);
    z-index: 1;
    background-color: white;
}
.dropdown-logout:before, .dropdown-logout:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom-style: solid;
    position: absolute;
}
.dropdown-logout:before {
    border: inset 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    right: 9px;
    z-index: 89;
}
.dropdown-logout:after {
    border: inset 7px;
    border-color: transparent transparent rgba(158, 132, 109, 0.5) transparent;
    top: -14px;
    right: 8px;
    z-index: 88;
}
.menu-item .dropdown-logout a {
    padding-right: 0;
}
ul li:hover ul.dropdown-logout {
    display: block;
    /* display the dropdown */
}
.site-logo img {
    height: 130px;
    width: 160px;
}
.header-search-form {
    position: relative;
    text-transform: uppercase:
}
.header-search-form:after {
    font: normal 32px/1 'Genericons';
    font-size: 27px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: '\f400';
    position: absolute;
    right: 12px;
    top: 4px;
    color: #9E846D;
}
input.header-search-input {
    display: block;
    max-width: 196px;
    padding: 5px 35px 5px 20px;
    background: none;
    border: 1px solid transparent;
    border-radius: 2px;
    line-height: normal;
    color: #9E846D;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    box-shadow: none;
}
input.header-search-input:focus {
    background: white;
    border-color: rgba(158, 132, 109, 0.27);
}
input.header-search-input::-webkit-input-placeholder {
    color: #9E846D;
    font-family: $button-font;
    /*font-weight: $meta-weight;*/
    font-size: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 21px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    border: 1px solid transparent;
}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input:focus {
    outline: none;
}
input.header-search-input::-moz-placeholder {
    line-height: 32px;
}
input[name="btnG"] {
    display: none;
}
/* buttons */

input[type="button"] {
    cursor: pointer;
}
.ss-top-of-page {
    display: none;
}
.button {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.button, .button:focus, .button.disabled, .button[disabled], .jfk-button, .jfk-button:focus, .jfk-button.disabled, .jfk-button[disabled] {
    top: 0;
    position: relative;
    height: 38px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    background-color: #00979d;
    color: #fff;
    border: 0;
    box-shadow: 0 6px #005c5f;
    padding: 11px 20px 7px 20px;
    -webkit-transition: all ease-out .1s;
    -moz-transition: all ease-out .1s;
    -o-transition: all ease-out .1s;
    transition: all ease-out .1s;
    border-radius: 2px 2px 0 0;
}
.button:hover, .jfk-button:hover {
    top: 2px;
    box-shadow: 0 4px #005c5f;
    background-color: #00979d;
    text-decoration: none;
}
@-moz-document url-prefix() {
    ul.menu {
        height: 47px !important;
    }
    li.menu-item a {
        padding: 1px 23px;
        display: block;
    }
    ul.menu > li.menu-item:nth-last-child(1) a:not(.userAvatar):not(.logout) {
        bottom: -20px;
    }
    input.header-search-input {
        height: 38px;
        position: relative;
    }
    .header-search-form {
        bottom: -10px;
    }
    .header-search-form::after {
        top: 8px;
    }
    .dropdown-logout {
        top: 36px;
    }
}
    /* home blocks */
    /*.fw-col-sm-3 p {
min-height: 300px;
position: relative;
}*/

.custom-block {
    display: block;
    text-align: center;
    background-color: #ECF1F1;
    position: relative;
    padding-bottom: 6%;
}
.custom-block:hover {
    background-color: #7fcbcd;
}
.custom-block span.title {
    text-transform: uppercase;
    color: #11868B;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: .1rem;
    border-bottom: 2px solid transparent;
}
span.title {
    margin-left: -3px !important;
}
[class*="column"]+[class*="column"].banner:last-child {
    float: left;
}
[class*="column"]+[class*="column"].facebook-thumbs:last-child {
    float: left;
}
.video-wrapper + p {
    position: absolute;
    top: 0px;
    width: 285px
}
.video-wrapper iframe {
    margin-top: 180px;
}
.page-boxes a.blog span.title, .page-boxes a.things span.title, .page-boxes a.event span.title, .page-boxes a.Uncategorized span.title {
    position: absolute;
    top: 45px;
    width: 250px;
    left: 18px;
}
.page-boxes a.blog img, .page-boxes a.things img, .page-boxes a.event img {
    margin-top: -23px;
}
.page-boxes a.blog img, .page-boxes a.things img, .page-boxes a.event img:before {
    margin-top: -23px;
}
.page-things a.things span.title {
    top: 25px;
}
.page-boxes a.Uncategorized img {
    margin-top: -34px;
}
.page-boxes a.blog:before, .page-boxes a.things:before, .page-boxes a.uncategorized:before {
    color: white;
    padding: 0px 10px;
    position: relative;
    float: right;
    top: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    line-height: 18px;
}
.video-wrapper {
    text-align: center;
    background-color: #ECF1F1;
    padding-bottom: 1em;
}
.page-things .banner a:before {
    content: "";
    display: block;
    position: absolute;
    top: -23px;
    bottom: 0;
    left: 0;
    right: 18px;
    background: rgba(235, 170, 0, 0.08);
    background-blend-mode: multiply;
    transition: all .3s linear;
    margin-left: 18px;
    padding-right: 21px;
}
.page-things .banner a:hover:before {
    background: none;
}
.page-boxes a.blog:before {
    content: "blog";
    background-color: #f1c40f;
}
.page-home a.things:before {
    content: "things";
    background-color: #0ca1a6;
}
.page-boxes a.Uncategorized:before {
    content: "";
    background-color: #9e8460;
}
.page-boxes a.event:before {
    content: "things";
    background-color: #9e8460;
}
.page-boxes a.blog span > span, .page-boxes a.things span > span, .page-boxes a.event span > span, .page-boxes a.Uncategorized span > span {
    background-color: white;
    padding: 0px 4px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 28px;
    font-weight: 600;
    font-size: 20px;
}
a.blog span > span {
    color: #f1c40f;
}
a.things span > span {
    color: #0ca1a6;
}
a.event span > span {
    color: #e67e22;
}
a.Uncategorized span > span {
    color: #9E846D;
}
a.event span.date {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    color: white;
    background-color: #e67e22;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 8px;
    top: 8px;
    line-height: 12px;
    text-align: center;
    font-size: 13px;
}
/*this is about the page where contents are listed like the blog*/

.attachment-thumbnail-big {
    margin-bottom: 5%;
}
.attachment-thumbnail-front .wp-post-image {
    background-size: contain;
}
.page-posts .credits {
    position: relative;
}
.bio-photo {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.page-posts img {
    margin-top: 0%;
}
.page-posts title {
    margin-top: 0px;
}
.page-posts a.blog span > span, .page-posts a.things span > span, .page-posts a.event span > span, .page-posts a.Uncategorized span > span {
    background-color: white;
    padding: 0px 4px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 42px;
    font-weight: 600;
    font-size: 30px;
}
.page a.blog span > span, .page a.things span > span, .page a.event span > span, .page a.Uncategorized span > span {
    background-color: white;
    padding: 0px 4px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 42px;
    font-weight: 600;
    font-size: 30px;
}
.page a span > span {
    background-color: white;
    padding: 0px 4px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 42px;
    font-weight: 600;
    font-size: 30px;
}
.page a span.title {
    position: absolute;
    top: 85px;
    min-width: 250px;
}
.more-link {
    white-space: nowrap;
}
.more-link:before {
    content: "\00a0";
    position: relative;
}
.post-list {
    margin-top: 30px;
}
.post-list:after {
    content: '';
    width: 100%;
    background-color: red;
    height: 1px;
}
.paging-navigation {
    display: block !important;
}
.post-navigation {
    display: block !important;
}
.navigation {
    min-height: 50px;
}
.navigation .alignleft {
    float: left;
}
.navigation .alignright {
    float: right;
}
.nav-next {
    float: right;
    text-align: right;
}
.nav-previous {
    float: left;
    text-align: left;
}
/* Footer */

footer#main {
    border-top: 1px solid #9E846D;
}
.arduino-footer {
    background-color: #00979d;
    color: white;
    padding-top: 2em;
    margin-top: 2%;
    margin-bottom: 0px;
}
.arduino-footer .row {
    margin-bottom: 0px;
}
.monospace {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 15px;
}
.arduino-social-links {
    float: right;
    margin-top: 55px;
    margin-bottom: 1.25em;
}
.arduino-social-links li {
    display: inline-block;
    margin-left: 5px;
}
.arduino-social-links li img {
    width: 28px;
    opacity: .85;
}
footer a, footer a:focus {
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
}
footer a:hover {
    text-decoration: underline;
    color: white;
}
footer .inline-list {
    margin-left: -8px;
}
footer .inline-list {
    margin-left: -8px;
    margin-top: 50px;
}
.inline-list {
    margin: 0 0 1.0625rem -1.375rem;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.inline-list>li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block;
}
.headlines {
    color: #9e846d;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 1em;
    padding-top: 5%;
}
.destra {
    text-align: right;
}
.logoright {
    float: right;
    padding-left: 5%;
    padding-top: 5%;
}
.sinistra {
    text-align: left;
}
.logoleft {
    float: left;
    padding-right: 5%;
    padding-top: 5%;
}
.logoleft.toolbox {
    max-width: 20%;
}
.s-logo img {
    max-width: 35%;
}
#middle-sidebar {
    background-color: #ecf1f1;
}
#middle-sidebar .columns {
    margin-top: 20px;
    min-height: 300px;
}
.columns textarea {
    width: 100%;
}
.entry-author {
    font-size: .9em;
    font-style: italic;
    font-weight: 400;
}
.entry-date {
    font-size: .9em;
    font-style: italic;
}
.postmetadata small {
    color: #cccccc;
}
blockquote p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
    padding: 10px;
    color: #95A5A6;
}
.header-claim {
    min-width: 600px;
    max-width: 100%;
    text-align: left;
    position: absolute;
    margin-left: 15px;
    top: 50px;
}
.header-content {
    position: absolute;
    max-width: 1260px;
    top: 0px;
}
.header-claim .subtitle {
    color: #f1c40f;
}
.header-claim strong {
    background-color: white;
    padding: 0px 4px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 35px;
    font-weight: 600;
    font-size: 25px;
    color: #E67E22;
}
.header-categories {
    margin-top: 50px;
}
.header-categories .category {
    margin-bottom: 20px;
}
.team {
    margin-top: 40px;
}

.team .name {
    position: relative;
    right: 0px;
    text-align: right;
    background-color: #00979d;
    color: #ffffff;
    padding: 2px 5px 2px 5px;
}
.rssfeed li {
    margin-top: 20px;
}
.rssfeed li >:first-child {
    font-family: 'Source Sans Pro', sans-serif;
    color: #E67E22;
    font-size: 30px;
    margin-top: 20px;
    word-wrap: break-word;
}
.rssfeed .columns {
    padding: 0px;
}
.rssfeed ul {
    padding: 0px;
}
/* this is all for the form */

.form {
    background-color: #ecf1f1;
    padding-right: 40px;
}
.ss-form {
    font-size: 15px;
}
.ss-form-container{
  background-color: #dae3e3;
  padding: 20px;

}
.ss-form label {
    width: 30%;
}
.ss-form .ss-form-entry {
    width: 100%;
    margin-top: 20px;
}
.ss-form div.ss-form-entry>input {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #374146;
    background-color: white;
    height: 35px;
    width: 254px;
    border: none;
}
.ss-form div.ss-form-entry>textarea {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #374146;
    background-color: white;
    height: 45px;
    width: 100%;
    border: none;
}
input::-webkit-input-placeholder {
    font-size: 12px;
    color: #7f8c8d;
    font-style: italic;
}
input::-moz-placeholder {
    font-size: 12px;
    color: #7f8c8d;
    font-style: italic;
}
input:-moz-placeholder {
    /* Older versions of Firefox */
    font-size: 12px;
    color: #7f8c8d;
    font-style: italic;
}
input:-ms-input-placeholder {
    font-size: 12px;
    color: #7f8c8d;
    font-style: italic;
}
.ss-form .ss-section-title {
    color: #9e846d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    margin-bottom: 1em;
    text-transform: uppercase;
}
.ss-form .ss-q-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    color: #374146;
    margin-top: 2em;
    letter-spacing: 1px;
}
.ss-form .ss-choice-label {
    font-weight: 300;
}
.error-message {
    color: #da5b4a;
}
    /*
.ss-form .ss-q-checkbox:checked + label {
background-image: url("images/Checkbox_checked.svg");
background-position: center top;
}
.ss-form .ss-q-checkbox + label {
background-image: url("images/Checkbox_unchecked.svg");
background-position: center bottom;
padding: 12px;
display: inline-block;
margin-right: 0.5em;

}
*/

input[type="checkbox"] {
    vertical-align: middle;
}
/*this section for the projects section*/

.page-things .header {
    background-color: #E6E7E8;
    margin-top: 20px;
    padding: 0px;
    overflow: hidden;
    margin-bottom: 50px;
}
.page-things .banner {
    margin-bottom: 4%;
}
.page-things a.things span.author {
    font-size: .9em;
    font-style: italic;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: lowercase !important;
    color: #9E856E;
}
.page-things a.things .categories {
    bottom: -9px;
    position: absolute;
    float: right;
}
.page-single-thing {
    margin-top: 3%;
}
.page-single-thing .title {
    margin-top: -30px;
}
.page-things a.things .categories span, .page-single-thing .categories span {
    height: 25px;
    width: 25px;
    display: inline-block;
    background-size: 25px 25px;
}
.page-things a.things .categories .things, .page-single-thing .categories .things {
    display: none;
}
.page-things a.things .categories .c_objects, .page-single-thing .categories .c_objects {
    background-image: url(images/cobject_icon.png);
}
.page-things a.things .categories .furniture, .page-single-thing .categories .furniture {
    background-image: url(images/furniture_icon.png);
}
.page-things a.things .categories .art, .page-single-thing .categories .art {
    background-image: url(images/art_icon.png);
}
.page-things a.things .categories .entertainment, .page-single-thing .categories .entertainment {
    background-image: url(images/entertain_icon.png);
}
.page-things a.things .categories .tools, .page-single-thing .categories .tools {
    background-image: url(images/tools_icon.png);
}
.header-categories .category {
    overflow: hidden;
}
.header-categories .category .category-name {
    position: absolute;
    top: 20px;
    left: -200px;
    transition-duration: .2s, 1s;
    transition-timing-function: linear, ease-in;
    -webkit-transition-duration: .2s, 1s;
    -webkit-transition-timing-function: linear, ease-in;
}
.header-categories .category .category-name > span {
    background-color: white;
    padding: 0px 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #0ca1a6;
}
.header-categories .category:hover .category-name {
    left: 18px
}
/* this is for the single project section */

.excerpt {
    color: #58595B;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
}
.project_sidebar_heading {
    color: #9E856E;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-style: none;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;
}
/* Facebook-importer*/

.fbe-full-width {
    margin-top: 3%;
    min-width: 100%;
}
.event-details {
    padding-left: 0px !important;
}
.fb-month-single-event a {
    font-size: 0.8em;
}
.next_fb_event {
    float: right !important;
}
.facebook-post-row {
    margin-top: 40px;
}
.facebook-thumbs {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

.facebook-post-row.past-events .columns {
    opacity: 0.5;
}

.fb-month {
    color: white;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    font-weight: 600;
    float: right;
    padding-right: 10px;
}
.fb-container {
    position: absolute;
    bottom: 6%;
    right: 15px;
    min-width: 100px;
}
.fb-container-single-event {
    margin-top: 50px;
    min-width: 20px;
}
.Back-cricle-day-single-event {
    background-color: #E67E22;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    float: left;
}
.facebook-day-single-event {
    text-align: right;
    color: white;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.7em;
    margin-top: 5px;
    margin-right: 13px !important;
}
.fb-month-single-event {
    color: #4E5B61;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    font-weight: 600;
    float: left;
    padding-left: 10px;
}
.th-single-event {
    font-size: 7px;
    color: white;
    position: absolute;
    margin-top: 13px;
    margin-left: 38px;
}
.Background-date {
    background-color: #E67E22;
    width: 100px;
    height: 30px;
    float: right;
}
.facebook-date {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3em;
    margin: 0px !important;
}
.th {
    font-size: 7px;
    color: white;
    bottom: 10px;
    right: 10px;
    position: relative;

}
.single-fb-event {
    color: #E67E22 !important;
}
.start-single-event {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.4em;
    color: #E67E22;
    border: solid 2px;
    border-color: #E67E22;
    color: #E67E22;
    display: none;
}
.start-icon-fb-event {
    width: 30px;
    height: 30px;
    background-color: #E67E22;
}
/* very large */

@media (min-width: 1150px) {
    .header-img {
        height: 360px;
    }
    .header-img .wide-image {
        min-width: 100%;
        background-size: cover;
    }
    ul.menu {
        border-bottom: 1px solid rgba(158, 132, 109, 0.27);
        height: 30px;
        padding: 0;
        margin: 0;
    }
    li.menu-item {
        display: inline-block;
    }
    .menu-item a {
        color: #9E846D;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        text-decoration: none;
        position: relative;
    }
    ul.menu li.menu-item a span:hover {
        color: #9E846D;
        border-bottom: 8px solid #f1c40f;
    }
    ul.menu > li.menu-item:nth-last-child(1) {
        float: right;
    }
    ul.menu > li.menu-item:nth-last-child(1) a:not(.userAvatar):not(.logout) {
        position: relative;
        /*bottom: -4px;*/
    }
    .menu-item a[title="login"], a.logout {
        color: #00979d;
        padding-right: 0px;
    }
    a[title="login"] span:hover, a.logout:hover {
        color: #00979d;
    }
    .menu-item a {
        padding: 5px 30px;
        display: block;
    }
    ul.menu > li.menu-item a:nth-child(1) {
        padding-left: 0px;
    }
    ul.menu > li.menu-item-has-children:hover a {
        padding-left: 22px;
    }
    ul.menu > li.menu-item-has-children > a:after {
        content: '\f431';
        font: normal 32px/1 'Genericons';
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        /*right: 6px;*/
        margin-left: 4px;
        margin-top: 4px;
        color: #9E846D;
    }
    ul.sub-menu {
        display: none;
        position: absolute;
        background: #fff;
        border-bottom: 1px solid #bdc7c7;
        width: 200px;
        text-align: left;
        font-size: 14px;
        z-index: 1;
        padding-left: 0;
        margin-top: -1px;
    }
    ul.sub-menu li.menu-item {
        width: 250px;
        background: white;
    }
    ul.sub-menu li.menu-item a span {
        color: #4e5b61;
        text-transform: none;
    }
    ul.sub-menu li.menu-item a span:hover {
        color: #00979d;
        border-bottom: none;
    }
    li.menu-item-has-children:hover {
        margin-left: -23px;
    }
    li.menu-item-has-children:hover > a {
        border: 1px solid #bdc7c7;
        border-bottom: none;
        padding: 4px 29px;
        padding-left: 23px;
        background: #fff;
        z-index: 4;
    }
    ul.menu li.menu-item-has-children > a span:hover {
        border-bottom: none;
    }
    ul.sub-menu a {
        padding: 10px 20px;
        border: 1px solid #bdc7c7;
        border-bottom: none;
    }
    li.menu-item-has-children:hover ul.sub-menu {
        display: block;
        /* display the dropdown */
    }
    ul.sub-menu li.menu-item:not(:first-child) a {
        border-top: 1px solid rgba(158, 132, 109, 0.27);
    }
}
/* large */

@media (max-width: 1149px) {
    .header-img {
        height: 300px;
        margin-bottom: 10%;
    }
    {
        height: auto;
        min-width: 100%;
    }
    .vertical-space {
        margin-top: 96px;
    }
    .main-header {
        padding: 44px 0 15px;
    }
    .header-search-form {
        display: none;
    }
    ul.menu {
        text-align: center;
        padding: 0;
    }
    .navigation {
        padding: 0;
        display: none;
    }
    .navigation.singlePost {
        display: block !important;
    }
    .post-navigation {
        display: block !important;
    }
    .menu-item a {
        display: block;
        position: relative;
        padding: 15px 25px;
        border-top: 1px solid #00b0b6;
        background: #00979D;
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
    }
    ul.sub-menu a {
        border-color: #00c8d0;
        background: #00b0b6;
    }
    ul.sub-menu li.menu-item a span {
        text-transform: none;
        font-weight: 400
    }
    ul.sub-menu {
        display: none;
        padding-left: 0;
    }
    li.menu-item-has-children:hover ul.sub-menu {
        display: block;
        /* display the dropdown */
    }
    .mobile-toggle {
        display: block;
        width: 36px;
        height: 36px;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -18px;
        background-color: #f1c40f;
        cursor: pointer;
    }
    .mobile-toggle:before, .mobile-toggle:after {
        position: relative;
        display: block;
        content: '';
        background: white;
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .mobile-toggle.open:after {
        /* Firefox */
        -moz-transform: rotate(90deg);
        /* WebKit */
        -webkit-transform: rotate(90deg);
        /* Opera */
        -o-transform: rotate(90deg);
        /* Standard */
        transform: rotate(90deg);
    }
    .mobile-toggle:before {
        width: 14px;
        height: 2px;
        top: 17px;
        left: 11px;
    }
    .mobile-toggle:after {
        width: 2px;
        height: 14px;
        top: 9px;
        left: 17px;
    }
    .menu-header {
        position: static;
    }
    .open-mobile-menu {
        text-align: center;
        color: #9E846D;
        cursor: pointer;
    }
    .mobile-menu:before {
        content: '\f419';
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 32px/1 'Genericons';
        vertical-align: middle;
    }
    .mobile-menu.open:before {
        content: '\f405';
        font-size: 40px;
    }
}
/* medium medio */

@media (max-width: 1025px) {
    .header-img .wide-image {
        min-width: 100%;
    }
    .header-img {
        margin-bottom: 5%;
    }
    .large-4.medium-6.small-12.columns {
        min-width: 100%;
    }
    .site-main .row {
        max-width: 650px;
    }
    .header-categories {
        margin-top: 30%;
    }
    .header-categories .category {
        float: left !important;
    }
    .columns.small-12.medium-6.large-3.banner {
        margin-bottom: 0%;
    }
    .columns.small-12.medium-6.large-3 {
        margin-top: 5%;
    }
}
/* medium */

@media (max-width: 640px) {
    .header-img .wide-image {
        min-width: 100%;
    }
    .site-main .page-boxes .row {
        max-width: 330px;
    }
    .page a span > span {
        background-color: white;
        padding: 0px 4px;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 42px;
        font-weight: 600;
        font-size: 20px !important;
    }
    .header-categories {
        margin-top: 60%;
        max-width: 300px;
    }
    .columns.small-12.medium-6.large-3.banner {
        margin-top: 5%;
    }
    .logoright {
        min-width: 70%;
        padding-top: 15%;
    }
    .logoleft {
        min-width: 60%;
        padding-top: 5%;
    }
    .columns.small-12.medium-6.large-3 {
        margin-top: 5%;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi) {
    .site-main .row {
        width: 100% !important;
    }
}
/* small */

@media (max-width: 400px) {
    .site-main .row {
        width: 100%;
    }
    .columns.small-12.medium-6.large-3 {
        margin-top: 5%;
    }
    .header-img {
        margin-bottom: 90px;
    }
    .header-content {
        padding-left: 0px !important;
        margin-left: 0px !important;
        left: 10px !important;
    }
    .header-claim {
        padding-left: 0px !important;
        margin-left: 0px !important;
        text-align: left;
        position: absolute;
        min-width: 300px;
    }
    .header-claim strong {
        font-size: 20px;
    }
    .header-categories {
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-top: 90%;
        max-width: 250px;
    }
    .page a span > span {
        background-color: white;
        padding: 0px 4px;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
        font-size: 20px !important;
        line-height: 35px !important;
    }
    .logoright {
        min-width: 70%;
        padding-top: 15%;
    }
    .logoleft {
        max-width: 60%;
        padding-top: 5%;
    }
    .size-large.wp-image-344 {
        max-width: 30%;
    }
    .page a span.title {
        top: 35px;
    }
}


/* GIT COMMIT CSS */

.header-git-commit {
    position: relative;
    width: 100%;
    min-height: 314px;
    color: #fff;
    background-image: url(images/git-commit/header-git-commit.png);
    background-position: center;
    background-size: 1311px 314px;
    background-repeat: no-repeat;
    margin: 56px 0 56px 0;
}
.row.text-intro {
    background-color: #E4EBEA;
}
#text-intro {
    margin: 40px;
}
.text-questions-header {
    font-family: 'Source Sans Pro', sans-serif;
    color: #998478;
    font-size: 1.4em;
    text-align: center;
    margin: 50px 0 50px 0;
}
.row.git-commit-topics {
    padding: 0 0 30px 0;
    background-color: #fff;
    text-align: center;
}
.row.git-commit-icons {
    background-color: #fff;
    text-align: center;
    margin-top: 50px;
}
hr {
    width: 60%;
    color: #9A8478;
    margin-top: 50px;
    margin-bottom: 50px;
}
.background-text.yellow p, .background-text.yellow h1 {
    background-color: #EDC12D;
    box-shadow: 15px 0 0 #EDC12D, -15px 0 0 #EDC12D;
}
.background-text.orange p, .background-text.orange h1 {
    background-color: #F39C12;
    box-shadow: 15px 0 0 #F39C12, -15px 0 0 #F39C12;
}
.background-text.gold p, .background-text.gold h1 {
    background-color: #9E846D;
    box-shadow: 15px 0 0 #9E846D, -15px 0 0 #9E846D;
}
.background-text.red p, .background-text.red h1 {
    background-color: #D35400;
    box-shadow: 15px 0 0 #D35400, -15px 0 0 #D35400;
}
.background-text p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-style: normal;
    font-size: 20px;
    color: #fff;
    letter-spacing: 4px;
    line-height: 30px;
    display: inline;
}
.background-text.title {
    margin-bottom: 7px;
}
.background-text h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    font-size: 35px;
    color: #fff;
    letter-spacing: 4px;
    line-height: 44px;
    display: inline;
}
.text-questions {
    font-family: 'Source Sans Pro', sans-serif;
    color: #9A8478;
}
textarea.text-form {
    width: 100%;
    height: 150px;
    background-color: #F2F1F0;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: #4E5B61;
    font-size: 1em;
    line-height: 1.625;
    overflow: auto;
    resize: none;
    margin: 30px 0 30px 0;
}
.buttonGit:hover, .buttonGit:active, .buttonGit:focus, .buttonGit:visited {
    color: #4E5B61 !important;
    font-family: 'Source Sans Pro', sans-serif;
    box-shadow: 0 4px #BDC7C7 !important;
    padding: 10px 70px;
}
.button.buttonGit {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #F2F1F0;
    box-shadow: 0 6px #BDC7C7;
    color: #4E5B61 !important;
    border: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 70px;
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
    position: relative;
    float: right;
    transition: all ease-out .1s;
}
.topics:hover {
    border-bottom: 10px solid #EDC12D;
}
.blue, .yellow, .red, .gold {
    color: #998478;
}
.blue:hover, .yellow:hover, .red:hover, .gold:hover {
    color: #005C5F;
}
.topics {
    padding-bottom: 10px;
}
.git-footer {
    position: absolute;
    z-index: 99;
    bottom: 0;
    height: 100px;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
#sticky-menue .topics:hover {
    /*background-color: #FFF;
transition-property: background-color;
transition-duration: .5s;*/
}
#sticky-menue .topics:hover {
    border-bottom: 0;
    /*background-color: #EFB61D;
transition-property: background-color;
transition-duration: .5s;*/
}
#sticky-menue .icon {
    height: 60px;
    display: inline;
    float: left;
}
#sticky-menue .icon:hover {}
#sticky-menue .name {
    display: inline;
    float: left;
    text-align: left !important;
    margin-left: -9px;
    margin-top: 37px;
}
/* medium medio */

@media (max-width: 1025px) {
    .header-img .wide-image {
        min-width: 100%;
    }
    .topics {
        font-size: 0.8em;
    }
}
#subscription {
    background-color: RGBA(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 4%;
    z-index: 100;
}
#subscription .container {
    padding: 4%;
    width: 80%;
    background-color: #ecf1f1;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#subscription p {
    font-size: 20px;
    line-height: 30px;
}
#subscription .hide {
    visibility: none;
}
#subscription .row {
    margin-bottom: 10px;
}
.pupi {
    width: 254px;
    height: 254px;
    margin: 68px auto 0;
    background-color: #fff;
    border-radius: 170px;
}
@media (max-width: 1025px) {
    .pupi {
        width: 200px;
        height: 200px;
        margin: 68px auto 0;
        background-color: #fff;
        border-radius: 170px;
    }
    .pupi img {
        left: calc(50% - 98px) !important;
        top: 54px !important;
    }
}
.pupi img {
    max-width: 100%;
    position: relative;
    width: 230px;
    left: calc(50% - 115px);
    top: 74px;
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=text] {
    width: auto;
    height: auto;
    max-height: 37px;
    padding: 10px 8px;
    margin: 0;
    vertical-align: top;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 12 0 0;
    flex: 12 0 0;
    font-weight: 400;
}
textarea, textarea:focus {
    border: none;
    overflow: auto;
    outline: none;
    padding: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*#subscription .newsletter input {
    float: left;
    margin-right: 20px;
}*/
@media (min-width: 1025px) {
    .newsletter {
        margin-top: -100px;
    }
    .newsletter .button.base {
        float: left;
        margin-right: 20px;
    }
    .button.base {
        padding: 9px 25px!important;
        float: right;
    }
    .button.secondary {
        background-color: #eee;
        color: #555;
        box-shadow: 0 4px #ccc;
        letter-spacing: .1em;
    }
    .text-intro {
        font-size: 1.1em;
    }

    .ss-opt-actions{
      visibility: hidden;
    }
    .ss-response-footer{
      visibility: hidden;
    }
}