/*
Theme Name: Verein für Sexuelle Gesundheit Aargau
Theme URI: http://www.seges.ch/
Description: Canvas Child Theme for seges.ch
Author: WEBSAMURAI AG
Author URI: http://www.websamurai.ch/
Template: canvas
Version: 1.0
*/

@import url("../canvas/style.css");


/* Elements */
a {
    cursor: pointer;
}
.entry table,
.entry table td,
.entry table th,
.entry table tbody td {
    border: 0px none;
}

body .entry table td,
body .entry table th {
    padding: 0 1em 0 0;
}

body .entry hr {
    width: 100%;
    border: 0px none;
    background: transparent;
    clear: both;
    margin: 0;
}

body .post .title a:hover,
body .post .title a:active,
body .post .title a:focus {
    color: #ab092f;
    text-decoration: none;
}

/* Layout */
body.full-width #header, #nav-container, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer {
    padding-left: 10px;
    padding-right: 10px;
}
body #header-container {
    background-position: bottom center;
    max-height: 175px;
    margin-bottom: 30px;
}
body .header-widget a {
    color: #5d5c5c;
}
body .header-widget a:hover {
    color: #ab092f;
    text-decoration: none;
}
@media only screen and (min-width: 768px) {
    .header-widget {
        width: 73%;
    }
}
.blog .post {
    border-bottom: 1px solid #e9e9e9;
}

/* Form */
label {
    display: inline-block;
    width: 150px;
    line-height: 24px;
    vertical-align: top;
}
select {
    padding: 5px;
    background: #fff;
    border-color: #efefef;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 3px;
    color: #666;
    font-family: inherit;
}

/* Navigation */
#navigation {
    background: transparent;
}
body #navigation ul.nav li.current-menu-item > a,
body #navigation ul.nav li.current_page_parent > a,
body #navigation ul.nav li.current-menu-ancestor > a,
body ul.nav li.current_page_item > a,
body ul.nav li.current_page_parent > a,
body ul.nav li.current-menu-ancestor > a,
body ul.nav li.current-cat > a,
body ul.nav li.current-menu-item > a {
    color: #5e051a;
    background: transparent;
}
body #navigation ul.nav li.current-menu-item:hover > a,
body #navigation ul.nav li.current_page_parent:hover > a,
body #navigation ul.nav li.current-menu-ancestor:hover > a,
body ul.nav li.current_page_item:hover > a,
body ul.nav li.current_page_parent:hover > a,
body ul.nav li.current-menu-ancestor:hover > a,
body ul.nav li.current-cat:hover > a,
body ul.nav li.current-menu-item:hover > a {
    color: #5e051a !important;
}

/* Content */
@media only screen and (min-width: 768px) {

    body #logo {
        width: 15%;
        padding-top: 55px;
    }

    body .entry p {
        margin-bottom: 1.5em;
    }
    body .nav-col-wrapper {
        float: left;
        width: 24%;
    }
    body #nav-container,
    body #top ul.nav {
        padding: 54px 0 0;
        background: url(images/left-col.gif) repeat-y top left transparent;
        width: 100%;
        float: left;
    }
    body #top ul.nav {
        padding-bottom: 55px;
    }
    body #nav-container {
        margin: 10px 0 0 0;
    }
    body #main,
    body #sidebar {
        margin-top: 10px !important;
    }

    body #top ul.nav {
        margin: 0;
    }
    body #navigation {
        background: transparent !important;
        margin-bottom: 1.5em;
    }
    body #navigation ul.nav li,
    body #top ul.nav li {
        display: block;
        width: 100%;
    }
    body #navigation ul.nav li a,
    body #top ul.nav li a,
    body #navigation ul.nav li.current-menu-item a {
        display: block;
        line-height: 26px;
        min-height: 26px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        border-top: 1px solid #cecece;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body ul.nav ul li a {
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px;
    }
    body #navigation ul.nav ul.sub-menu,
    body #navigation ul.nav ul.sub-menu li {
        list-style: square outside none !important;
    }
    body #top ul.nav li a {
        color: #5d5c5c;
    }
    body #top ul.nav li a:hover,
    body #top ul.nav > li:hover {
        color: #000;
        background: transparent !important;
    }

    body #top {
        background: transparent;
        float: left;
        width: 100%;
    }
}

@media only screen and (min-width: 980px) {
    body.two-col-left-1000 #main-sidebar-container #main {
        width: 45%;
        margin-left: 3%;
        margin-right: 3%;
    }
    body.two-col-left-1000 #main-sidebar-container #sidebar {
        width: 24%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    body.two-col-left-1000 #main-sidebar-container #main {
        float: left;
        width: 70%;
        margin-left: 3%;
        margin-right: 3%;
    }
}

/* Booking */
table#booking {
    width: auto;
    border-left: 2px solid #efefef;
    border-top: 2px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
table#booking th {
    background: #f5f5f5;
}
table#booking th,
table#booking td {
    font-size: .9em;
    padding: .35em .5em;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    white-space: nowrap;
}
table#booking td.booked {
    background-color: #d9534f;
    color: #fff;
}

/* Downloads */
ul.downloads li {
    margin-bottom: 1.5em;
}
ul.downloads li {
    padding-left: 45px;
}
ul.downloads li.pdf {
    background: url(images/pdf.png) no-repeat left center transparent;
}
ul.downloads li.doc,
ul.downloads li.docx {
    background: url(images/pdf.png) no-repeat left center transparent;
}
ul.downloads li.xls,
ul.downloads li.xlsx {
    background: url(images/pdf.png) no-repeat left center transparent;
}

/* Sidebar */
#sidebar-alt {
    margin-top: 55px;
}

/* Widgets */
#sidebar .widget {
    margin: 0 0 27px 0;
}
#sidebar .widget ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}
#sidebar .widget a,
#sidebar .widget ul li a,
#sidebar .widget.widget_nav_menu ul li a {
    color: #5d5c5c;
}
#sidebar .widget a:hover,
#sidebar .widget ul li a:hover,
#sidebar .widget.widget_nav_menu ul li a:hover {
    color: #000;
    text-decoration: none;
}
#sidebar .widget.widget_nav_menu {
    background: #e6e6e6;
}
#sidebar .widget p, #sidebar .widget .textwidget {
    margin-bottom: 0;
}
#sidebar .widget.koffer {
    background-image: url(images/koffer.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.header-widget .widget {
    background: transparent;
    padding: 0;
    margin-top: 0;
}
.header-widget .search_main {
    float: right;
    width: 35%;
    /*margin-top: 1.8em;*/
}

.searchform, #searchform {
    border-color: #cdc6c2;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
}

/* Table */
.entry table td,
.entry table th {
    background: #transparent;
    font-size: 14px;
    padding: 3px .5em;
}
.entry table thead th {
    background: #transparent;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px .5em;
}

/* Calendar */
#main .ea-standard {
    width: 100%;
    float: left;
}
#main .ea-standard form {
    float: left;
    display: block;
    max-width: 100%;
}
#main .ea-standard .step {
    float: left;
    width: 100%;
    height: auto !important;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    position: relative;
}

/* Widgets */
.header-widget p {
    clear: both;
}
.widget_nav_menu ul,
.widget_nav_menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_nav_menu ul li a {
    display: block;
    color: #ab092f;
    line-height: 27px;
    height: 27px;
}
.widget_nav_menu ul li a:hover {
    color: #5e051a;
}
.widget_nav_menu .menu-meta-container {
    padding-top: 27px;
}
.widget_nav_menu .menu-meta-container ul li a {
    color: #5d5c5c;
}
.widget_nav_menu .menu-meta-container ul li a:hover {
    color: #222;
}

/* WPCF7 */
body .wpcf7 p {
    margin-bottom: .25em;
}
body .wpcf7 label {
    line-height: 32px;
}
span.wpcf7-not-valid-tip {
    margin-top: -10px;
    padding: 0 10px;
    max-width: 250px;
    background-color: #d9534f;
    color: #fff;
    border: 1px solid #d43f3a;
    border-top: 0px none;
    margin-left: 155px;
    font-size: .875em;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
input.wpcf7-not-valid {
    border: 2px solid #d43f3a;
}
div.wpcf7-validation-errors {
    border: 0px none;
    background: #f0ad4e;
    color: #fff;
}
div.wpcf7-mail-sent-ok {
    border: 0px none;
    background: #5cb85c;
    color: #fff;
}
div.wpcf7-response-output {
    margin-left: 0;
}
.wpcf7-form-control.plz {
    width: 45px;
}
.wpcf7-form-control.ort {
    max-width: 246px;
}

/* Footer */
#footer {
    min-height: 300px;
}

@media only screen and (min-width: 980px) {
    body.one-col-1000 #main-sidebar-container #main {
        margin-left: 3%;
        margin-right: 3%;
        width: 70%;
        float: right;
    }
}

@media only screen and (min-width: 768px) {
    body ul.nav {
        margin-right: 0;
    }
    body #navigation .nav li.parent > a:after,
    body #top-nav li.parent > a:after,
    body #top .nav li.parent > a:after {
        display: none;
        content: "";
    }
    body #navigation ul.nav > li:hover > ul,
    body #top-nav > li:hover > ul {
        left: -9999em;
    }
    body #navigation ul.nav > li.current_page_item > ul,
    body #top-nav > li.current_page_item > ul,
    body #navigation ul.nav > li.current_page_ancestor > ul,
    body #top-nav > li.current_page_ancestor > ul {
        float: left;
        width: 100%;
        position: relative;
        left: 0;
        display: block;
        visibility: visible;
        padding: 0;
        background-color: transparent !important;
    }
    body #top ul.nav ul li a {
        color: #5d5c5c !important;
    }
}
@media only screen and (max-width: 767px) {
    /* hide new menu new nav */
    nav#site-navigation {
        display: none;
    }

    body #wrapper {
        overflow-x: visible;
    }
    body #header {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    body #header #logo,
    .header-widget {
        width: 48%;
        margin-right: 2%;
        float: left;
        clear: none;
    }
    .header-widget .widget_black_studio_tinymce {
        display: none;
    }
    .header-widget {
        margin-right: 0%;
        margin-left: 2%;
    }
    .header-widget .search_main {
        width: 100%;
    }
    .header-widget {
        margin-top: 0;
    }
    body #header #logo img {
        height: auto;
    }
    body #content {
        position: static;
    }
    body #navigation h3 {
        display: none;
        visibility: hidden;
    }
    #navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents {
        background-color: #5d5c5c;
    }
    #footer {
        min-height: 150px;
    }
}

.social-media {
    margin-top: -4rem;
}

.social-media i {
    font-size: 2em;
}

.col-md-4 {
    padding-left: 0px;
}

.box-content {
    /*position: absolute;*/
    bottom: 15px;
    left: 15px;
    margin: 1em 0px;
    min-height: 70px;
    background: rgba(237,238,238,0.60);
    padding: 1em 1em 7em 1em;
    min-height: 13em;
    max-height: 13em;
}

.box-content i {
    /*position: absolute;*/
    right: 10px;
    bottom: 10px;
    color: #696868;
    font-size: 1.2em;
    float: right;
}
.box-content i:hover {
    color: #ac0a30;
}


.box-content p {
    max-width: 20em;
    padding-top: 9px;
}


.inner-box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
    width: 100%;
    height: 11em;
}

.inner-box:hover {
    background-color: #ffffffbd;
    padding: 15px;
    width: 100%;
    height: 11em;
}

.inner-box h3 {
    font-size: 18px;
}

nav#site-navigation {
    padding-top: 20px;
}


.current_page_item {
    border-color: #989898 !important;
}

.menu-hauptmenue-container {
    text-align: center;
    text-align: center;
}




ul#menu-hauptmenue {
    display: inline-flex;
}

.menu-hauptmenue-container li {
    padding: 0px 10px;
    font-weight: bold;
    color: #5d5c5c;
}

/* Dropdown button */
.menu-item .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .sub-menu:hover .dropbtn {
    background-color: red;
}

/* Dropdown content (hidden by default) */
.sub-menu {
    padding: 11px 0px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.sub-menu a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.sub-menu a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu on hover */
.menu-item:hover .sub-menu {
    display: block;
}


a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover {
    text-decoration: none;
}

#footer-widgets-container ul li a{
    color: #ffffff;
}

#footer-widgets-container h3 {
    color: #ffffff;
    width: 50%;
    border-bottom: 2px solid white;
    margin-bottom: 10px;
}

#footer-widgets-container p {
    color: #ffffff;
}

#footer-widgets-container .textwidget {
    color: #ffffff !important;
}

#footer-widgets-container .widget {
    background-color: #fff0;
}

div#footer-container {
    display: none;
}

#footer-widgets-container :link, #footer-widgets-container a:visited, #loopedSlider a.flex-prev:hover, #loopedSlider a.flex-next:hover {
    color: #ffffff !important;
}

.home-blocks {
    padding-top: 70px;
}

@media only screen and (min-width: 980px)  {
    .home-blocks {
        width: 950px;
    }
}

.new-template h1.title.entry-title {
    display: none;
}

.new-template {
    padding-top: 4em;
    min-height: 20em;
}

.speech-bubble {
    /*position: relative;*/
    padding: 25px;
   /* background: #fdede6;*/
    border-radius: 2.4em;

}

.speech-bubble h1 {
    font-size: 1.5em;
    font-weight: 300;
    color: #ffffff;
}

.speech-bubble p {
    color: #ffffff;
}

.bubble-desc {
    padding-top: 10px;
}


.bubble-tail {
    content: '';
    position: absolute;
    bottom: 0;
    left: 75%;
    width: 0;
    height: 0;
    border: 42px solid transparent;
    border-top-color: #fdede6;
    border-bottom: 0;
    border-right: 0;
    margin-left: -21px;
    margin-bottom: -40px;
}



@media only screen and (min-width: 910px) {
    .col-full, #wrapper {
        max-width: 950px !important;
    }

    #footer-widgets.col-3 .block {
        width: 33%;
    }

    .widget {
        font: normal 14px/1.5em "Helvetica Neue", Helvetica, sans-serif;
        color: #5d5c5c;
        padding: 25px 15px;
        background-color: #facbb5;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    #footer-widgets .block {
        margin-right: 0;
        float: left;
    }

    #footer-widgets-container {
        background-color: #ab092f;
        margin-top: 60px;
    }

    section#footer-widgets {
        width: 69em;
    }

}

@media only screen and (max-width: 767px) {
    .widget {
        padding: 6px 15px;
    }

    .home-blocks .col-md-4 {
        padding-left: inherit;
    }

    .home-blocks {
        padding-top: 3px;
    }

    .speech-bubble {
        /* position: relative; */
        padding: 25px;
        margin-bottom: 5em;
        /* background: #fdede6;*/
        border-radius: 2.4em;
    }

    .bubble-tail {
        content: '';
        position: absolute;
        bottom: 0;
        left: 75%;
        width: 0;
        height: 0;
        border: 42px solid transparent;
        border-top-color: #fdede6;
        border-bottom: 0;
        /* border-right: unset; */
        margin-left: -135px;
        margin-bottom: -40px;
    }


    .widget {
        font: normal 14px/1.5em "Helvetica Neue", Helvetica, sans-serif;
        color: #5d5c5c;
        padding: 6px 15px;
        background-color: #facbb5;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    body #header-container {
        background-image: inherit;
    }


}

@media only screen and (max-width: 997px) and (min-width: 768px) {
    .speech-bubble {
        /* position: relative; */
        padding: 25px;
        margin-bottom: 5em;
        /* background: #fdede6;*/
        border-radius: 2.4em;
    }

    .bubble-tail {
        content: '';
        position: absolute;
        bottom: 0;
        left: 75%;
        width: 0;
        height: 0;
        border: 42px solid transparent;
        border-top-color: #fdede6;
        border-bottom: 0;
        /* border-right: unset; */
        margin-left: -246px;
        margin-bottom: -40px;
    }



}