/*
    Theme Name: Childtheme Worldwide
    Description: Ein schönes Childtheme
    Author: Tobias Schmelter
    Template: worldwide-v1-02
    Version: 1.03
    Tags:
*/

@import url('../worldwide-v1-02/style.css');

/* This stylesheet generated by Transfonter (http://transfonter.org) */

@font-face {
    font-family: 'Cabrito Sans Norm';
    src: url('webfonts/CabritoSans-NorReg.eot');
    src: url('webfonts/CabritoSans-NorReg.eot?#iefix') format('embedded-opentype'),
        url('webfonts/CabritoSans-NorReg.woff') format('woff'),
        url('webfonts/CabritoSans-NorReg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cabrito Sans Norm Demi';
    src: url('webfonts/CabritoSans-NorDem.eot');
    src: url('webfonts/CabritoSans-NorDem.eot?#iefix') format('embedded-opentype'),
        url('webfonts/CabritoSans-NorDem.woff') format('woff'),
        url('webfonts/CabritoSans-NorDem.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cabrito Norm Demi';
    src: url('webfonts/Cabrito-NorDem.eot');
    src: url('webfonts/Cabrito-NorDem.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Cabrito-NorDem.woff') format('woff'),
        url('webfonts/Cabrito-NorDem.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* #Basic Styles
================================================== */
html,
body {
overflow-x: hidden;
}


body {
    font-family: 'Cabrito Sans Norm', sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
  }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cabrito Norm Demi', serif;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 15px;
    margin-bottom: 15px;
}

h1 {
    text-align: center;
}

body blockquote {
    border-color: #baaea4 !important;
}

.gdl-blog-grid-list h1,
.gdl-blog-grid-list h2,
.gdl-blog-grid-list h3,
.gdl-blog-grid-list h4,
.gdl-blog-grid-list h5 {
    text-align: left;
}

.boxed-style {
    max-width: 980px !important;
}

.container {
    max-width: 1000px !important;
    padding: 0 !important;
}

/**
 *
 * Hide Elements
 *
 */


.blog-info-wrapper,
.blog-comment {
    display: none;
}

/**
 *
 * Main Menu
 *
 */



div.header-outer-wrapper .header-wrapper {
    background-image: none !important;
}

div.main-navigation-wrapper {
    padding-top: 0px !important;
}
.main-navigation-wrapper,
.sf-menu li a,
.sf-menu li a:hover,
.sf-menu li.current-menu-ancestor a,
.sf-menu li.current-menu-item a,
.sf-menu li.current-post-ancestor a {
    background-image: none !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

ul.sf-menu li a {
    text-transform: none !important;
    padding: 8px 16px !important;
    font-weight: 600;
}

.sf-menu > .menu-item-has-children > a:after {
    font: normal normal normal 10px/1 FontAwesome;
    content: '\0000a0\0000a0 \f078';
    color: #fff;
}

.gdl-slider-wrapper,
#calculator {
    background: #e1dcd8 !important;
    margin-left: -5000px;
    margin-right: -5000px;
    padding-left: 5000px;
    padding-right: 5000px;
}

ul.sub-menu li {
    border-bottom: 1px solid #dfdfdd;
}
ul.sub-menu {
    border-left: 1px solid #dfdfdd;
    border-right: 1px solid #dfdfdd;
    border-bottom: 1px solid #dfdfdd !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(51,51,51,0.3);
    -moz-box-shadow: 0 2px 5px 0 rgba(51,51,51,0.3);
    box-shadow: 0 2px 5px 0 rgba(51,51,51,0.3);
}

ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul {
    top: 40px !important;
}


/**
 *
 * Slider Navigation
 *
 */

div.flexslider.carousel-included .gdl-caption-overlay {
    background: #255170;
}

div.gdl-top-slider div.flexslider.carousel-included .flex-caption {
    background: none;
}

div.gdl-top-slider-wrapper {
    border: none;
}

.main-superfish-wrapper {
    margin-left: 10px;
}


/**
 *
 * Article Header Styles
 *
 */
.header-right-banner-wrapper {
    float: left !important;
    margin-top: 8px !important;
    color: #fff;
    font-size: 22px;
}

.header-right-banner-wrapper span {
    border-left: 1px solid #54b7e0;
    padding-left: 18px;
}

div.gdl-header-wrapper,
div.comment-wrapper .comment-title,
div.comment-wrapper #reply-title,
.gdl-item-border {
    border: none !important;
}

h3.gdl-header-title {
    text-transform: none;
    font-size: 30px !important;
}

h3.gdl-header-title + .icon-double-angle-right {
}

/**
 *
 * Page Header
 *
 */

div.page-header-inner-wrapper  {
    border-bottom-width: 1px;
    margin: 30px 0 10px 0;
}
h1.page-header-title {
    display: inline-block;
    font-size: 30px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-transform: none;
}


div.page-header-caption span.head {
    display: none;
}

div.page-header-caption {
    color: #162531 !important;
}

div.gdl-blog-grid .blog-title {
    padding: 0;
}

/**
 *
 * Calculator
 *
 */

#calculator.calculator-wide {
    font-size: 30px;
    padding: 40px 10px;
    text-align: center;
    color: #FFFFFF;
    background: #BAAEA4;
}

#calculator button {
    font-family: 'cabrito_norm_deminorm_demi', HelveticaNeue, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    padding: 16px 18px;
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 4px;
    background: transparent !important;
}

#calculator button:hover {
    color: #BAAEA4 !important;
    background: #FFFFFF !important;
}

#calculator .uxForm--button {
    margin-top: 20px;
}

/**
 *
 * Footer Styles
 *
 */

.footer-wrapper {
    max-width: none !important;
}

.copyright-wrapper .copyright-border {
    display: none;
}

div.widget_search div.gdl-search-form input {
    background: none !important;
    border-color: #fff !important;
    color: #fff !important;
}

/**
 *
 * Pagination
 *
 */

div.gdl-pagination {
    float: none;
    text-align: center;
}

div.gdl-pagination a,
div.gdl-pagination .current {
    border-radius: 4px;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    box-sizing: border-box;
    float: none;
}

h3.previous-post-title {
    text-align: left !important;
}

h3.next-post-title {
    text-align: right !important;
}

.previous-post-head {
    font-family: 'Cabrito Sans Norm', sans-serif !important;
    font-style: normal !important;
}


/**
 *
 * Blog Content
 *
 */

div.gdl-blog-full .blog-title {
    margin-bottom: 50px;
 }

.blog-content h2,
.blog-content h3,
.blog-content h4 {
    margin: 40px 0 20px 0;
}

.blog-content a {
    text-decoration: underline;
}

h2.blog-title a:hover, div.portfolio-item .page-item-title a:hover {
    text-decoration: underline;
    color: #010101 !important;
}


@media only screen and (max-width: 1179px) {
    div.header-wrapper .logo-wrapper {
        float: left !important;
        padding-top: 17px  !important;
    	padding-bottom: 11px  !important;
    }
    div.header-wrapper .header-right-banner-wrapper {
        padding-bottom: 0px !important;
        margin-left: 10px !important;
    }
}

@media only screen and (max-width: 999px) {
    div.header-wrapper .logo-wrapper {
        float: left  !important;
        padding-top: 17px  !important;
        padding-bottom: 11px  !important;
    }
}

@media only screen and (max-width: 767px) {
       div.header-wrapper {
        padding: 10px 0;
       }

       div.header-wrapper .logo-wrapper {
         float: none  !important;
        }
        div.header-wrapper .logo-wrapper:after {
       border-bottom-style: solid;
       border-bottom-width: 1px;
       border-bottom-color: #54b7e0;
       content: "";
       display: block;
       margin: 0 auto 0px;
       padding-top: 15px;
       width: 40px;
   }
  div.header-wrapper  .header-right-banner-wrapper {
    width: 100%;
    margin-bottom: 10px;
    padding: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
   }
        .header-right-banner-wrapper span {

    border-left: none;
    display: block;
    text-align: center;
    padding-left: 0px;
}
}