/*
 Theme Name:   Oblique Child
 Theme URI:    http://themeisle.com/themes/oblique-child/
 Description:  Oblique Child Theme
 Author:       Themeisle
 Author URI:   http://themeisle.com/
 Template:     oblique
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-colors, custom-background, custom-menu, custom-header, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  obliquechild
*/



@import url('https://fonts.googleapis.com/css?family=Rouge+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300&display=swap');


body {
    font-family: 'Raleway', sans-serif;
    /*letter-spacing: 0.5;*/
}

p {
    font-size: 16px;
    color: #ccc;
    font-weight: 500;
    text-align: justify;
}

.center-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#content > div > div > div > div > section.elementor-element.elementor-element-cbad670.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div > div > div > div,
#post-509 > div > div > div > div > section.elementor-element.elementor-element-cbad670.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div > div > div > div {
    padding: 0px;
}

#post-5 > header,
#post-509 > header {
    margin-bottom: 0px;
}

#page > div.top-bar.container > nav {
    display: inline-flex;
}

.lang {
    padding: 10px;
    font-size: 16px;
}

/*.sr {
    margin-left: 15px;
}*/

.vert-line {
    padding: 10px 15px;
    color: #a7a7a7;
}

.social-navigation li a::before {
    font-size: 18px;
}

#page > div.top-bar.container > div {
    display: none;
}

#content > div {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#post-82 > div,
#post-298 > div,
#post-144 > div,
#post-501 > div,
#post-483 > div,
#post-491 > div {
    margin-left: 15%;
    margin-right: 15%;
}

a {
    color: #fff;
}

a:hover,
.widget-area a:hover,
.social-navigation li a:hover,
.fa:hover {
    color: #f2295b;
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.istaknuto {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
}

#post-5 > div > div > div > div > section.elementor-element.elementor-element-1b1df0e.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div.elementor-container.elementor-column-gap-no > div > div > div > div > div.elementor-element.elementor-element-665c46a.elementor-widget.elementor-widget-text-editor > div > div {
    /*font-size: 18px;*/
    line-height: 30px;
    letter-spacing: 1px;
}

.svg-block {
    fill: #1c1c1cb5;
}

.overlay {
    background-color: #03020066;
}

#post-5 > header > h1,
#post-509 > header > h1 {
    display: none;
}

h2.entry-title > a,
h2,
h3,
.tel {
    color: #ccc;
    font-weight: lighter !important;
}

h1.entry-title {
    color: #fff;
    font-weight: lighter !important;
    font-size: 34px;
}

h2 {
    font-weight: lighter !important;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

h1:after {
    content: "";
    display: block;
    width: 80px;
    padding-top: 10px;
    border-bottom: 2px solid #f2295b;
    margin-bottom: 20px;
    margin-left: 47%;
}

.h3title-front h3:after {
    content: "";
    display: block;
    width: 80px;
    padding-top: 10px;
    border-bottom: 2px solid #f2295b;
    margin-bottom: 20px;
    margin-left: 40%;
}

.pisano {
    font-family: 'Rouge Script', cursive;
    color: #fff;
    font-size: 60px;
    font-weight: lighter;
    text-align: left;
}



.see-more > .h3:after {
    content: "";
    display: block;
    width: 60px;
    padding-top: 10px;
    border-bottom: 2px solid #f2295b;
    margin-bottom: 20px;
    margin-left: 37%;
}

h3 .elementor-image-box-title {
    font-weight: 200;
}

.hentry {
    background-color: #5d5d5d00;
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#post-5 > div > div > div > div > section.elementor-element.elementor-element-cbad670.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div > div > div > div {
    padding: 0px;
}


#post-82 > div > h2 {
    font-size: 26px;
    color: #fff;
}

.single-post-svg {
    display: none;
    fill: #5d5d5d00 !important;
}

#secondary {
    z-index: 999999999;
}


.site-footer {
    background-color: #5d5d5d00;
}

.footer-svg.svg-block {
    display: none;
}

#colophon > div > div > a {
    vertical-align: middle;
    line-height: 30px;
}

#cookie-notice .cn-button {
    background-color: rgb(24, 24, 24);
    box-shadow: none;
}

.web-info {
    color: #acacac;
}


/**********************************
MEDIA QUERIES
**********************************/

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

    .h3title-front h3:after {
        margin-left: 37.5%;
    }

    #colophon {
        padding-top: 0px;s
    }

    #colophon > div {
        display: flex;
        flex-direction: column-reverse;
    }

    #colophon > div > div {
        margin-top: 20px;
    }
}


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

    .elementor-5 .elementor-element.elementor-element-d493549 .elementor-text-editor {
        padding: 5%;
    }

    #post-5 > div > div > div > div > section.elementor-element.elementor-element-cbad670.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div > div > div > div > div > section > div.elementor-container.elementor-column-gap-no > div > div.elementor-element.elementor-element-c14c3d0.elementor-column.elementor-col-50.elementor-inner-column > div > div > div > div > div > h3 {
        font-size: 40px;
    }

    h1:after {
        margin-left: 45%;
    }

    h2 {
        font-size: 24px;
    }

    .h3title-front h3:after {
        margin-left: 45%;
    }

    h1.entry-title {
        font-size: 28px;
    }

    #post-82 > div,
    #post-298 > div,
    #post-144 > div,
    #post-501 > div,
    #post-483 > div,
    #post-491 > div {
    margin-left: 5%;
    margin-right: 5%;
    }

    .site-logo {
        max-width: 75%;
    }
    
   /* #page > div.top-bar.container > nav {
    flex-direction: column;
    }

    .lang {
    padding: 10px;
    font-size: 16px;
    }

    .vert-line {
    padding: 10px 15px;
    color: #a7a7a7;
    }*/
    
    #wpfront-scroll-top-container {
        padding-right: 25px;
    }
}

@media(max-width: 600px) {
    .h3title-front h3:after {
        margin-left: 44%;
    }
}

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

    h1:after {
        margin-left: 41%;
    }

    .h3title-front h3:after {
        margin-left: 41%;
    }
    
    #page > div.sidebar-toggle  {
        position: fixed;
        margin-left: 5px;
    }

    #page > div.top-bar.container > nav {
        padding-top: 5px;
    }

    #wpfront-scroll-top-container {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 360px) {
    .h3title-front h3:after {
        margin-left: 39%;
    }
}

