/*
Theme Name: Yoy (Child Theme)
Theme URI: http://w.themedemo.co/yoy/
Author: FOXTHEMES
Author URI: https://themeforest.net/user/fox-themes
Description: A stunning visual experience for minimal loving creative. This template is a responsive and retina-ready WordPress theme with grid system layout. It is optimized for mobile touch and swipe.
Version: 1.0.0
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yoy-child
Template: yoy
*/

/* = Add your own modification from here
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, div, li, ul, p {
    font-family: "Oswald", sans-serif;
}
.mfp-iframe-holder .mfp-close {
    top: -50px!important;
    font-size: 90px;
}

.mfp-iframe-holder { 
    background: #000;
}
.main-wrapper .col-lg-4 .sidebar-item .yoy-recent-post-widget .recent-text a, .main-wrapper .wpb_wrapper .sidebar-item .yoy-recent-post-widget .recent-text a, .post.center-style .category a, .post-details .single-categories a, .contacts-info-wrap.form .title-main {
    text-transform: uppercase!important;
}


/*------------------ (min-width: 1025px) ------------------*/

@media only screen and (min-width: 1025px) {
#topmenu ul li a {
    font-size: 18px!important;color: #3e408b!important;
}

header.classic #topmenu .sub-menu {
    min-width: 255px!important;
}
.top-banner.simple .bg-wrapper .content-wrap .title b {
    font-size: 95px;
}

.post-little-banner .page-title-blog {
    font-size: 55px!important;
}
.post.center-style .post-wrap-item .post-media {
    height: 500px!important;
}
.post.center-style.format-gallery .post-slider-img, .post.center-style.format-post-slider .post-slider-img {
    height: 510px!important;
}
}



/*------------------ (max-width: 1024px) ------------------*/

@media only screen and (max-width: 1024px){
header .logo img.logo-hover, header .logo img.logo-mobile {
    padding: 3px 0!important;
}
header .logo img {
    max-height: 54px!important;
}

header {
    padding: 5px 0!important;
}
.top-banner.with_breadcrumbs .content-wrap {
    min-height: 120px!important;
    margin-top: 115px!important;
}
#topmenu ul li a {
    color: #3e408b!important;
}
header {
    display: -webkit-flex!important;
}

.header_top_bg {
    position: relative!important;
    padding: 0 20px;
}
.top-banner.simple .bg-wrapper .content-wrap .title b {
    font-size: 55px;
}
}



/*------------------ (min-width: 768px) ------------------*/

@media screen and (min-width: 768px) {
.top-banner.simple .bg-wrapper .content-wrap .title {
    font-size: 80px!important; 
}

.top-banner.simple .bg-wrapper .content-wrap .title b {
    font-size: 95px;
}
.top-banner.simple .bg-wrapper .content-wrap .content-inner {
    max-width: 1000px!important;
}
.info-block-wrap.info_with_img .main-info-wrapper .info-wrap .title {
    max-width: 550px!important;
}
.contacts-info-wrap.form_text .content .title-main {
    font-size: 40px!important;
}
.post-details.slider .img-slider .post-slider-img {
    min-height: 490px!important;
}
}



/*------------------ (max-width: 767px) ------------------*/

@media screen and (max-width: 767px) {
.info-block-wrap.info_with_img .main-info-wrapper .main-img-wrapper {
    display: block!important;
}
.info-block-wrap.info_with_img .main-info-wrapper .main-img-wrapper .image-second {
    display: none;
}
.info-block-wrap.info_with_img .main-info-wrapper .main-img-wrapper {
    max-height: 490px!important;
}

.single-post .single-content {
    margin-top: 30px!important;
}
.contacts-info-wrap.form form textarea {
    position: relative!important;
    left: 40px!important;
}
.post.center-style .post-wrap-item .post-media {
    height: 300px!important;
}
.post-details.slider .img-slider .post-slider-img {
    min-height: 240px!important;
}
}

/*------------------ (max-width: 480px) ------------------*/
@media screen and (max-width: 480px) {
.post.center-style.format-gallery .post-slider-img, .post.center-style.format-post-slider .post-slider-img {
    height: 325px!important;
}
}


/*---------------------------------------------------------*/



.post.center-style .post-date a .title,
.post.center-style.metro .post-wrap-item .post-date a .title,
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {
    color: #373e82!important;
}

.header_top_bg {
    z-index: 1000!important;
}

header.classic {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgba(242,145,32,1) 0%, rgba(161,197,58,1) 50%, rgba(60,64,202,1) 100%) border-box;
    border-bottom: 5px solid transparent;
}

.top-banner.simple .bg-wrapper .content-wrap .title b {
    background-image: linear-gradient(90deg, rgba(242,145,32,1) 0%, rgba(161,197,58,1) 50%, rgba(43,183,202,1) 100%)!important;
}



.a-btn-5 {
    border-radius: 30px;
}
.a-btn-5::before,
.a-btn-2::before 
{
    background-image: linear-gradient(90deg, rgba(242,145,32,1) 0%, rgba(161,197,58,1) 50%, rgba(43,183,202,1) 100%)!important;
    border-radius: 30px;
}

.a-btn-3 {
    border-radius: 30px;
}
.a-btn-3::before {
    border-radius: 30px;
}

.info-block-wrap  p {
    font-size:22px;
}

.info-block-wrap.info_with_img .main-info-wrapper .info-wrap .title {
    color: #3c4085!important;
}

.tcode-event-schedule .scheduled-days .scheduled-day .row-day {
    padding: 18px 0 0 0;
}

header .mob-nav .hamburger .line {
    background-color: #3c4085!important;
}

.testimonial-wrap.slider .swiper-main-wrap .swiper-image-main-wrap .name-shortcode {
    display: none;
}


.contacts-info-wrap.simple .contact-list.count-3 .contact-item .item-title {
    display: none;
}

.contact-item .items-wrap{
    margin-top: 20px;
}

 .contacts-info-wrap.simple .contact-list.count-3 .contact-item .items-wrap,
 .contacts-info-wrap.simple .contact-list.count-3 .contact-item .items-wrap a{
    color: #3c4085!important;
}

.top-banner.modern_with_breadcrumbs .content-wrap {
    min-height: 240px!important;
}

.top-banner.simple .video-wrapper .video-title {
    display: none!important;
}

#footer.simple .footer-top .footer-logo img {
    max-height: 135px!important;
}

.main-wrapper .col-lg-4 .sidebar-item .yoy-recent-post-widget .recent-block, .main-wrapper .wpb_wrapper .sidebar-item .yoy-recent-post-widget .recent-block {
    display: block!important;
}

.main-wrapper .col-lg-4 .sidebar-item .yoy-recent-post-widget .recent-img, .main-wrapper .wpb_wrapper .sidebar-item .yoy-recent-post-widget .recent-img {
    width: 100%!important;
    height: 200px!important;
}


.post .post-wrap-item.text, .post .post-wrap-item .post-media {
    background-size: contain!important;
}

.post-little-banner {
    height: 240px!important;
}


.single-post .main-top-content {
    padding-top: 0!Important;
}

.single-post .col-lg-4 {
    margin-top: 0!important;
}


.post-details .date-post span, .post-details .date-post a, .post-details .author span, .post-details .author a {
    color: #373e82!important;
    font-weight: normal!important;
}




.blog.masonry, .blog.masonry + .sidebar, .archive.masonry, .archive.masonry + .sidebar {
    margin-top: 80px!Important;
}

.post-slider-wrapper.slider_modern .info-wrap {
    background-color: #ffffff;
    padding: 130px 70px 38px 100px;
}


.post-slider-wrapper.slider_modern .link-wrap {
    display: none;
}

.post-slider-wrapper.slider_modern .info-wrap {
    background-color: #ffffff!important;
}




.post.center-style .post-date .date {
    color: #3a3d80!important;
    font-size: 15px!important;
    font-weight: 500!important;
    width: 100%;
    text-align: left;
}


.post.center-style .info-wrap {
    padding: 50px 35px!important;
    background-color: #f5f5f5!important;
}

.post-details {
    background: #fff;
}

.blog.fullwidth, .blog.fullwidth + .sidebar, .archive.fullwidth, .archive.fullwidth + .sidebar {
    margin-top: 30px!important;
}

.headings.simple .subtitle {
    font-size: 20px!important;
    color: #373e82!important;
    margin-bottom: 10px!important;
}

.header_top_bg .container-fluid {
    padding-left: 0!important;
    padding-right: 0!important;
}



.post-info, .bottom-infopwrap, .user-info-wrap, .main-top-content, .post-details .link-wrap {
    margin: 20px auto!important;
}


.header_top_bg .mob-nav-close span {
    display: none;
}


.single-pagination > div a.content {
    word-break: break-word!important;
}

.fa-google-plus:before {
    content: "\f167"!important;
}

.recent-post-single .recent-title {
    color: #373e82!important;
}

.contacts-info-wrap.simple .contact-list.count-2 .contact-item:first-child::before {
    right: -100%!important;
}
    


.lg-outer .lg-thumb-item img {
    object-fit: contain;
}



header.classic #topmenu ul li a,
.recent-post-single .recent-title{
 text-transform: uppercase;
}

.post.center-style .post-date a .title {
    line-height: 1.3!important;
}


li.post-slider-img.slick-slide.s-back-switch {
    background-size: contain;
}

#footer.simple .footer-top .form-wrap p {
    display: none;
}

#footer.simple .footer-top a {
    text-decoration: none;
}

#footer.simple .footer-top {
    padding-top: 50px!important;
    padding-bottom: 30px!important;
}


.contacts-info-wrap.simple .contact-list.count-3 .contact-item::before {
    display:none;
}



.contacts-info-wrap.form form .form-button-wrap input[type=submit] {
    margin-top: 50px!important;
    border-radius: 50px!important;
}


#footer.simple .footer-bottom {
    padding: 26px 0 26px 0!important;
}

.cs-element .cs-fieldset {
    max-height: 360px!important;
}

.blog .mfp-fade.mfp-bg.mfp-ready, .archive .mfp-fade.mfp-bg.mfp-ready {
    background-color: #000000d1!important;
}

.single-post .mfp-fade.mfp-bg.mfp-ready {
    background-color: #000000d1!important;
}
.mfp-container {
    width: 50%!important;
    height: 50%!important;
    left: 25%!important;
    top: 20%!important;
}

.mfp-iframe-holder {
    background: #0000!important;
}

.video-button {
    background-image: linear-gradient(90deg, rgba(242,145,32,1) 0%, rgba(161,197,58,1) 50%, rgba(43,183,202,1) 100%)!important;
}

.video-button:hover, .video-button:focus {
    background: var(--main-color)!important;
    border: 3px solid var(--main-color)!important;
}

.single-post .single-content .img-slider .flex-prev, .single-post .single-content .img-slider .flex-next {
    padding: 17px 10px!important;
}

.contacts-info-wrap.simple .contact-list.count-3 .contact-item .items-wrap, .contacts-info-wrap.simple .contact-list.count-3 .contact-item .items-wrap a {
font-size: 23px!important;
}

.only_logo a.a-btn-5.only-btn {
    display: none;
}

.contacts-info-wrap.simple .contact-list.count-3 .contact-item .items-wrap, .contacts-info-wrap.simple .contact-list.count-3 .contact-item .items-wrap a {
     line-height: 1.3!important;
}