/*
 Theme Name:     Lorem - child
 Theme URI:      http://themeforest.net/item/
 Description:    Lorem - clean, modern woocommerce and blog wordpress theme.
 Author:         FXoffice
 Author URI:     http://themeforest.net/user/fxoffice
 Template:       lorem
 Version:        1.1
 Text Domain:    lorem
*/

@import url("../lorem/core/css/skin/slick.css");
@import url("../lorem/core/css/skin/corporate.css");


/* =Theme customization starts here
-------------------------------------------------------------- */

body div#wdi_feed_0 .wdi_follow_btn,
body div#wdi_feed_0 .wdi_follow_btn:hover {
    border-color: #d3bc6c;
    color: #d3bc6c;
}

body div#wdi_feed_0 .wdi_header_user_text h3 {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #4c4b46 !important;
    font-size: 36px;
    font-weight: 700;
    line-height: 33px;
    margin: 0;
    text-transform: uppercase;
    margin-top: 8px;
    text-transform: inherit;
    letter-spacing: 8px;
    line-height: 30px;
    color: inherit;
}

#wdi_feed_0 .wdi_user_controls {
    display: block;
}

div#wdi_feed_0 .wdi_media_info {
    display: none;
}

div#wdi_feed_0 .wdi_load_more_wrap, div#wdi_feed_0 .wdi_spinner_wrap {
    border: 2px solid #d3bc6c;
}

div#wdi_feed_0 .wdi_load_more_text {
    color: #989898;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

div#countdown_dashboard {
    text-align: center;
}

body .aio-icon {
    width: 100%;
    box-sizing: inherit;
}

.lorem-big-icon-page-alt i, .lorem-icons-list-alt i {
    display: flex;
    margin: auto;
    border-radius: 50%;
    border: 2px solid #d3bc6c;
    width: 130px;
    height: 130px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.lorem-icons-list-alt i {
    width: 83px;
    height: 83px;
    margin: 0;
    margin-right: 40px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.lorem-big-icon-page-alt i::before {
    font-size: 60px;
    color: #d3bc6c;
    margin: auto;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.lorem-big-icon-page-alt i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #d3bc6c;
    z-index: -1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.lorem-big-icon-page-alt i::after,
.lorem-icons-list-alt i::after {
    background-color: #d3bc6c;

}

.lorem-big-icon-page-alt i:hover::before {
    color: #fff;
}

.lorem-big-icon-page-alt i:hover::after {
    width: 103%;
    height: 103%;
}

.lorem-icons-list-alt i:before {
    color: inherit;
}

label span.required {
    font-size: 1.1em;
    color: #ff0000;
}

.font-facebook i:before {
    content: "\f09a";
    font-family: 'FontAwesome';
}

.font-instagram i:before {
    content: "\f16d";
    font-family: 'FontAwesome';
}
.font-twitter i:before {
    content: "\f099" !important;
    font-family: 'FontAwesome';
}

ul.lorem-block-grid.three-up { /* Masonry container */
    column-count: 3;
    column-gap: 1em;
}

li.lorem-block-grid-item { /* Masonry bricks or child elements */
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}

.lorem-block-grid.three-up > li {
    width: 100%;
    padding: 1em;
    border-bottom: 1px solid #777;
}



@media (min-width: 769px) {
    img.half-size {
        width: 50%;
    }

    .page-id-540 .masthead .lorem-navbar:not(.lorem-navbar-fixed-top) .lorem-brand-wrap a.img-alts {
        background: rgba(255,255,255,0.9);
        padding: 20px;
        margin-top: -20px;
        transition: .5s all;
    }
    .lorem-header-bgr-wrap {
        background-attachment: fixed;
    }
}

.white-text, .parallax-image-bg-section .lorem-icons-list .lorem-icon:before {
    color: #fff;
}

#wdi_feed_0 .wdi_photo_meta {
    background-color: transparent !important;
}

#wdi_feed_0 .wdi_photo_overlay:hover {
    cursor: pointer !important;
    background-color: rgba(0,0,0,0.3) !important;
    opacity: 1 !important;
}

nav.lorem-nav-wrap.mobile {
    width: 90%;
}

.lorem-nav-wrap.mobile .lorem-nav a {
    font-size: 18px;
}

.custom-countdown-section .event-countdown .dash_title {
    color: #fff;
}

.lorem-icons-list li:hover .lorem-icon::after {
    width: 104%;
    height: 104%;
}

@media (max-width: 768px) {
    .lorem-brand img {
        max-width: 180px;
        width: 100%!important;
    }
    .lorem-content-band.bg-image.parallax, .lorem-content-band.bg-pattern.parallax {
        background-attachment: scroll;
    }

    .custom-countdown-section.lorem-column.vc.one-sixths {
        width: 100%;
        padding: 5%;
    }

    body div#wdi_feed_0 .wdi_header_user_text h3 {
        font-size: 100%;
        letter-spacing: 6px;
    }

    .lorem-custom-title-wrap .lorem-custom-title {
        font-size: 30px;
    }

    ul.lorem-block-grid.three-up {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
    }

    .lorem-brand-wrap {
        margin-top: 15px;
    }
	.col-xs-2 .vc_col-sm-3 {
		max-width: 50%;
		display: inline-flex !important;
	}

}

@media (min-width: 769px) {
   .lorem-brand-wrap {
        margin-top: 0px;
    }

    .lorem-brand img {
        max-width: 300px;
        width: 100%!important;
    }
}