/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

@font-face {
    font-family: 'Conv_ProximaNova-Regular';
    src: url('fonts/ProximaNova-Regular.eot');
    src: url('fonts/ProximaNova-Regular.woff') format('woff'), url('fonts/ProximaNova-Regular.ttf') format('truetype'), url('fonts/ProximaNova-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Proxima Nova Bold';
    src: url('fonts/Proxima Nova Bold.eot');
    src: local('☺'), url('fonts/Proxima Nova Bold.woff') format('woff'), url('fonts/Proxima Nova Bold.ttf') format('truetype'), url('fonts/Proxima Nova Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_FuturaPTDemi';
    src: url('fonts/FuturaPTDemi.eot');
    src: local('☺'), url('fonts/FuturaPTDemi.woff') format('woff'), url('fonts/FuturaPTDemi.ttf') format('truetype'), url('fonts/FuturaPTDemi.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_FuturaPTBold';
    src: url('fonts/FuturaPTBold.eot');
    src: url('fonts/FuturaPTBold.woff') format('woff'), url('fonts/FuturaPTBold.ttf') format('truetype'), url('fonts/FuturaPTBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_FuturaPTHeavy';
    src: url('fonts/FuturaPTHeavy.eot');
    src: url('fonts/FuturaPTHeavy.woff') format('woff'), url('fonts/FuturaPTHeavy.ttf') format('truetype'), url('fonts/FuturaPTHeavy.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.wrapper {
    padding: 105px 0px 80px;
}

.container {
    padding: 0px;
}

.content-area {
    background-color: #F2F2F2;
    padding-top: 15px;
    padding-bottom: 25px;
}

.site-main {
    padding: 10px 15px;
}

.navbar {
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 75px;
}

.navbar-nav a, .navbar-nav {
    font-family: 'Conv_Proxima Nova Bold';
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

body, p {
    font-family: 'Conv_ProximaNova-Regular';
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6, a {
    font-family: 'Conv_FuturaPTHeavy';
}

ol, ul {
    padding: 0px;
}

h2.blogListTitle {
    font-size: 1.5rem;
    padding: 10px 0px 0px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #3D4347;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link:hover, a:hover {
    color: #B12B34;
    text-decoration: none;
}

.btn-secondary {
    text-transform: uppercase;
    background-color: #B12B34;
    border: 0px;
    border-radius: 1px;
    margin-top:20px;
    font-size: 0.7em;
    letter-spacing: 0.8px;
}

.cat-header {
    padding: 10px 0px;
}

.blogBackground {
    background-color: #F2F2F2;
    margin-bottom: 15px;
}

.blogContainerBackground {
    background-color: #F8F8F8;
    margin-bottom: 35px;
    height: 505px;
}

.blogListTitleDataContainer {
    padding: 10px 20px;
    position: relative;
    height: 286px;
}

.btn_container a {
    position: absolute;
    bottom: 0;
    /*left: 65%;
    margin-left: -100px;*/
    padding: 10px 18px;
    border: 2px solid #B12B34;
}

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 2px solid #B12B34;
    color: #B12B34;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

img.wp-post-image, article img, figure, img, #secondary img {
    width: 100%;
}

.attachment-large.size-large.wp-post-image {
    padding: 20px 0px;
}

.form-control, .input-group > .input-group-append > .btn{
    border-radius: 2px;
}

.input-group {
    margin-bottom: 20px;
}

.blogListTime {
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 0px 0px 16px;
    letter-spacing: 0.4px;
    color: #716e67;
}

.rightSidebarClass {
    padding: 0px 30px 0px 45px;
}

.rightSidebarClass .widget {
    padding: 0px 0px 30px;
}

.rightSidebarClass li {
    margin-left: 20px;
}

.wpp-list.wpp-list-with-thumbnails li  {
    margin-left: 0px;
}

.wpp-thumbnail {
    padding: 20px 0px 10px;
}

.entry-summary .btn_container a {
    position: relative;
}

.entry-summary .btn-secondary {
    margin-top: 0px;
}


/* Footer */

#wrapper-footer {
    background-color: #00909F;
    padding: 0px;
    color: #fff;
}

#footer-sidebar {
    display:flex;
    height: 120px;
    padding: 20px 0px;
}

#footer-sidebar1 {
    float: left;
    width: 20%;
    margin-right:5px;
}

#footer-sidebar2 {
    float: left;
    width: 20%;
    margin-right:5px;
}
#footer-sidebar3 {
    float: left;
    width: 15%;
    margin-right:5px;
}

#footer-sidebar4 {
    float: left;
    width: 20%;
    margin-right:5px;
}

#footer-sidebar5 {
    float: left;
    width: 30%;
}

#footer-sidebar h3.widget-title{
    font-size: 15px;
    text-transform: uppercase;
}

#footer-sidebar .widget_text, #footer-sidebar .widget_custom_html {
    font-size: 12px;
    line-height: 20px;
}

ul#menu-menu-widget3, ul#menu-menu-widget4 {
    padding: 0px;
}

#menu-menu-widget3 li, #menu-menu-widget4 li {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    list-style: none;
    letter-spacing: 0.6px;
}

#menu-menu-widget3 a, #menu-menu-widget4 a {
    color: #fff;
    text-transform: uppercase;
}


#wrapper-footer-full {
    padding: 0px;
    margin: 0px;
    background-color: #716E67;
    color: #fff;
    height: 100%;
    display: block;
}

#footer-full-content {
    font-size: 13px;
    padding: 15px 0px 0px;
    text-align: center;
    letter-spacing: 0.3px;
}
.container.navigation.post-navigation {
    padding: 35px 12px 0px;
}

.nav-previous, .nav-next {
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 8px 18px;
}

footer.entry-footer, footer.entry-footer a, .entry-meta, .entry-meta a {
    font-size: 14px;
    font-family: 'Conv_ProximaNova-Regular';
}

ul.social {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.social li {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 20px;
}

li a.blogger {
    width: 30px;
    background-image: url(img/blogger.svg);
    display: inline-block;
    height: 30px;
}

li a.facebook {
    width: 30px;
    background-image: url(img/facebook.svg);
    display: inline-block;
    height: 30px;
}

li a.twitter {
     width: 30px;
     background-image: url(img/twitter.svg);
     display: inline-block;
     height: 30px;
 }

li a.linkedin {
    width: 30px;
    background-image: url(img/linkedin.svg);
    display: inline-block;
    height: 30px;
}

.ssba-classic-2 {
    padding: 10px 0px;
}

#respond {
    margin-top: 30px;
}


/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    .wrapper {
        padding: 100px 0px 10px;
    }

    .navbar-nav a, .navbar-nav {
        font-size: 12px;
    }

    h2.blogListTitle {
        font-size: 1.2rem;
    }

    .blogListTitleDataContainer {
        height: 320px;
    }

    .blogContainerBackground {
        height: auto;
    }

    .btn_container a {
        bottom: -25px;
    }
    .rightSidebarClass {
        display: none;
    }

    #footer-sidebar {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #footer-sidebar1,#footer-sidebar2,#footer-sidebar3, #footer-sidebar4, #footer-sidebar5 {
        width: 45%;
    }

    #wrapper-footer-full {
        display: inline-block;
        width: 100%;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {

    .blogListTitleDataContainer {
        height: 280px;
    }

    .blogContainerBackground {
        height: auto;
    }

    .btn_container a {
        bottom: -25px;
    }

    .rightSidebarClass {
        display: none;
    }

    #footer-sidebar {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #footer-sidebar1,#footer-sidebar2, #footer-sidebar4, #footer-sidebar5 {
        width: 20%;
    }

    #footer-sidebar3 {
        width: 12%;
    }

    #footer-sidebar5 {
        width: 25%;
    }

    #wrapper-footer-full {
        display: inline-block;
        width: 100%;
    }
}



@media only screen
and (min-device-width: 375px)
and (max-device-width: 900px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

    .navbar-nav a, .navbar-nav {
        font-size: 12px;
    }

    h1, .h1 {
        font-size: 2rem;
    }

    .blogListTitleDataContainer {
        height: 275px;
    }

    .btn_container a {
        bottom: -25px;
    }

    #footer-sidebar1, #footer-sidebar2, #footer-sidebar4 {
        width: 20%;
    }

    #text-2 {
        padding-right: 15px;
    }

    #footer-sidebar5 {
        width: 25%;
    }
    #footer-sidebar h3.widget-title,#menu-menu-widget3 li, #menu-menu-widget4 li {
        font-size: 12px;
        line-height: 20px;
    }

    #footer-sidebar .widget_text, #footer-sidebar .widget_custom_html {
        font-size: 10px;
        line-height: 16px;
    }

    ul.social li {
        margin-right: 15px;
    }
}

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


    .navbar {
        position: fixed;
        z-index: 3;
        width: 100%;
        height: 80px;
    }
    .navbar-expand-md > .container {
        padding: 20px 0px;
        height: 100%;
    }

    h1, .h1 {
        font-size: 2rem;
    }

    .navbar-dark .navbar-toggler-icon {
        background-color: #F4DD83;
        padding: 20px;
    }

    .navbar-toggler-icon {
        background-size: 67% 100%;
    }

    #navbarNavDropdown, .navbar-collapse {
        background-color: #fff;
        padding: 10px 20px;
    }

    .wrapper {
        padding: 80px 0px 0px;
    }

    h2.blogListTitle {
        font-size: 1.2rem;
    }

    .rightSidebarClass {
        display: none;
    }

    .blogContainerBackground {
        height: 100%;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .blogListTitleDataContainer {
        height: 100%;
    }

    .btn_container a {
        bottom: -30px;
        z-index: 1;
    }

    #footer-sidebar {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 20px;
    }

    #footer-sidebar1, #footer-sidebar2,#footer-sidebar3, #footer-sidebar4, #footer-sidebar5 {
        width: 100%;
    }

    #wrapper-footer-full {
        display: inline-block;
        width: 100%;
    }


}