/*

Theme Name:   Vacaye Theme

Description:  Socially Viral Child Theme

Template:     mts_sociallyviral

*/







/* Site Layout */

.main-header {

box-shadow: none;

}

div#page.single {

box-shadow: none;

padding-left: 0;

}

a.toplink {

display: none;

}



/* POSTS */



/* Layout */

#page.single article.article {

border-left: 1px solid #f0f0f0;

border-right: 1px solid #f0f0f0;

padding: 0 20px;

box-sizing: border-box;

width: 69%;

}

#page.single h1.title.single-title.entry-title {

line-height: 1;

margin-bottom: 10px;

}

/* Other */



.single_post header, .single_post header .post-info, .single_post header h1.title {

float: none;

}

.post-ad-area {

margin: 10px 0;

}





/* Next / Prev */

.single-prev-next {

width: 100%;

}

.single-prev-next a:nth-child(1) {

margin-right: 0;

}

.single-prev-next a {

padding: 12px 0;

/* width: 46%; */

text-align: center;

border-radius: 4px;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

.single-prev-next a:hover {

opacity: .8;

}

.single-prev-next a:last-child {

float: right;

}

.single-prev-next:last-child {

margin-bottom: 0;

}

.single-prev-next a {

width: 100%;

font-size: 20px;

height: 30px;

line-height: 30px;

}

.single-prev-next a i {

margin-left: 10px;

}



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

/* .single-prev-next a {

width: 48%;

font-size: 13px;

} */

}



/* Recent Posts*/

@media screen and (min-width: 866px) {

.related-posts .latestPost:nth-child(3n+1) {

clear: both;

}

}





.single .essb_links.essb_template_metro-retina {

margin: 10px 0;

}

.single .essb_link_facebook.essb_item_fw_first a {

background: #3b5999;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

.single .essb_link_facebook.essb_item_fw_first a:hover {

background: #3b5999;

opacity: .9;

}

.single .essb_link_facebook.essb_item_fw_first a {

border-radius: 4px;

display: block;

width: auto;

margin: 0;

line-height: 32px;

font-size: 16px;

font-weight: 700;

}

.single .essb_link_facebook.essb_item_fw_first a .essb_icon {

background-size: 32px;

width: 32px;

height: 32px;

}



/* Header */

.primary-navigation {

background-color: #fff !important;

border-top: 4px double #30bdbb;

border-bottom: 4px double #30bdbb;

padding: 2px 0px;

}

.primary-navigation #navigation {

padding-bottom: 6px;

padding-top: 6px;

}

.primary-navigation #navigation > ul li {

float: none;

display: inline-block;

border: none;

}

.primary-navigation #navigation > ul li:last-child:after {

content: '';

}

.primary-navigation #navigation, .primary-navigation #navigation > ul {

float: none;

text-align: center;

}

.primary-navigation #navigation > ul li:after {

content: '\f1b0';

font-family: 'FontAwesome';

color: rgba(48, 189, 187, 0.29);

position: absolute;

top: 7px;

right: -39px;

font-size: 12px;

}

.primary-navigation #navigation > ul li.menu-item-has-children a:after {

right: 8px;

}

.primary-navigation #navigation > ul li.menu-item-has-children a {

padding-right: 28px;

}

.primary-navigation #navigation > ul li a {

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

.primary-navigation #navigation > ul li:hover a,#navigation ul .current-menu-item a {

background-color: #30bdbb !important;
color: #fff !important;

}

.logo-wrap, #logo {

width: 100%;

padding: 0;

margin-bottom: 35px;

float: none !important;

}

.logo-wrap h1 a img, #logo a img {

max-width: 260px;

}

.logo-wrap h1 a, .logo-wrap h1 a img, #logo a {

text-align: center;

float: none;

width: 100%;

display: block;

margin: 0 auto;

}

#logo img {

float: none;

}

.primary-navigation #navigation > ul li a {

    padding: 6px 10px;
    color: #484848;
    font-size: 12px;
    letter-spacing: 0em;

}

.primary-navigation #navigation > ul li {

margin: 0 32px;

}



/* Sub menu */

.primary-navigation #navigation ul ul li, .primary-navigation #navigation ul ul li a {

margin: 0;

}

.primary-navigation #navigation ul ul {

background: none;

margin: 0;

text-align: left;

top: 35px;

}



/* Top Bar */

.main-container {

padding-top: 0px;

}

div#top_bar ul li a {

color: #868686;

font-size: 11px;

padding: 10px;

text-transform: uppercase;

letter-spacing: .05em;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

div#top_bar ul li:hover a {

background: black;

color: #fff;

}



div#top_bar ul {

float: left;

}

div#top_bar ul#menu-top-bar-social {

float: right;

}

div#top_bar ul li {

display: inline-block;

}

div#top_bar ul#menu-top-bar-social li a {

font-size: 0;

width: 100%;

height: 100%;

display: inline-block;

padding: 0;

}

div#top_bar ul#menu-top-bar-social li:hover a {

background-color: transparent;

}

div#top_bar ul#menu-top-bar-social li a:before {

color: #fff;

font-family: 'FontAwesome';

background: #b3b3b3;

width: 20px;

height: 20px;

display: inline-block;

position: absolute;

top: 6px;

text-align: center;

line-height: 20px;

border-radius: 20px;

font-size: 12px;

cursor: pointer;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

div#top_bar ul#menu-top-bar-social li.facebook a:before {

content:"\f09a";

}

div#top_bar ul#menu-top-bar-social li.google-plus a:before {

content:"\f0d5";

}

div#top_bar ul#menu-top-bar-social li.instagram a:before {

content:"\f16d";

}

div#top_bar ul#menu-top-bar-social li.youtube a:before {

content:"\f167";

}

div#top_bar ul#menu-top-bar-social li.pinterest a:before {

content:"\f0d2";

}

div#top_bar ul#menu-top-bar-social li.search a:before {

content:"\f002";



}

div#top_bar ul#menu-top-bar-social li a:hover:before {

background: black;

}

div#top_bar ul#menu-top-bar-social li {

width: 23px;

}

div#top_bar {

background: #efefef;

padding-bottom: 0;

top: 0;

height: 34px;

margin-bottom: 30px;

padding: 0px 20px;

}

.admin-bar div#top_bar {

top: 32px;

}



div#search-form-top {

position: absolute;

right: -20px;

top: 34px;

padding: 10px;

border: 1px solid #efefef;

width: 300px;

display: none;

}

div#search-form-top.open-search {

display: inline-block;

}

div#search-form-top i.fa-search {

background: #30bdbb;

}



/* SLIDESHOW POST */



.theiaPostSlider_nav ._button {

color: #fff;

text-transform: uppercase;

font-weight: 500;

padding: 14px 15px;

line-height: 22px;

margin-right: 3px;

margin-bottom: 3px;

position: relative;

display: inline-block;

transition: background 0.25s ease-in;

background: #33BCF2;

border-radius: 4px;

margin-top: 0;

}

a.post-bottom-slideshow-start {

background: #33bcf2;

color: white;

padding: 12px 0;

width: auto;

display: block;

text-align: center;

font-size: 24px;

border-radius: 4px;

}

a.post-bottom-slideshow-start:hover {

opacity: .8;

color: white;

}

.slideshow-template .theiaPostSlider_nav ._prev span, .slideshow-template .theiaPostSlider_nav ._next span {

background: none !important;

padding-top: 0;

text-shadow: none;

}

.slideshow-template .theiaPostSlider_nav ._prev:hover span, .slideshow-template .theiaPostSlider_nav ._next:hover span, .theiaPostSlider_nav ._next._active span, .theiaPostSlider_nav ._prev._active span {

background: none;

}

a._button._prev {

float: left;

background: white;

box-shadow: 0px 0px 0px 2px inset;

color: black;

box-sizing: border-box;

margin-top: 0;

}

a._button._prev span {

color: black;

}

a._button._prev span:nth-child(2) {

position: relative;

padding-left: 28px;

font-size: 18px;

}

a._button._prev span:nth-child(2):before {

font-family: 'FontAwesome';

content: '\f104';

position: absolute;

font-size: 30px;

left: 4px;

}

a._button._next span:nth-child(2) {

position: relative;

padding-right: 28px;

font-size: 18px;

}

a._button._next span:nth-child(2):after {

font-family: 'FontAwesome';

content: '\f105';

position: absolute;

font-size: 30px;

right: 4px;

}

.theiaPostSlider_nav ._button span {

font-size: 18px;

}

.theiaPostSlider_nav ._button:hover {

opacity: .7;

}

.slideshow-template .theiaPostSlider_nav ._buttons {

border-top: 1px solid #F1F1F1;

border-bottom: 1px solid #F1F1F1;

line-height: 49px;

text-align: center;

}

.slideshow-template .theiaPostSlider_nav._center_full ._title {

display: none;

}

.slideshow-template .theiaPostSlider_nav {

margin: 0;

}

.slideshow-template .theiaPostSlider_nav ._buttons ._text {

margin: 0 10px;

font-size: 13.5px;

font-weight: 700;

}



/* Post ads */

.post-top-ad-area-wrapper .post-ad-area.post-top-ad-area, .post-bottom-ad-area-wrapper.post-ad-area-wrapper {

width: 100%;

border-top: 1px solid #f0f0f0;

border-bottom: 1px solid #f0f0f0;

padding: 15px 0px;

}



.post-ad-area.post-bottom-ad-area,.post-bottom-ad-area-wrapper.post-ad-area-wrapper{ 

margin-top: 15px;

margin-bottom: 15px;

}

.post-ad-area-wrapper .post-ad-area.post-sponsored-stories {

width: 100%;

}

.post-ad-area.post-slideshow-50left-bottom-ad-area, .post-ad-area.post-slideshow-50right-bottom-ad-area {

display: inline-block;

width: 50%;

}



/* Taboola  */



#taboola-below-gallery-thumbnails {

border-bottom: 1px solid #f0f0f0;

}



/* Comments */

div#commentsAdd {

border-bottom: 1px solid #f0f0f0;

padding-bottom: 10px;

}



/* */



.theiaPostSlider_nav {

display: none;

}

.theiaPostSlider_nav.post-top-slideshow-buttons, .theiaPostSlider_nav.post-bottom-slideshow-buttons {

display: block;

margin: 10px 0px 15px 0px;

}

a._button._next {

float: right;

}

a._button._prev {

float: left;

}

a._button._next, a._button._prev {

width: 38%;

}

.in-content-ads-area {

width: 50%;

display: inline-block;

}

div#in-content-ads {

text-align: center;

}





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

a._button._next, a._button._prev {

width: 28%;

}

}

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

a._button._next, a._button._prev {

width: auto;

}

}



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

/* MS CUSTOM - STICKY BANNER AREA */

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

.sticky-sidebar {

clear: both;

}

.sticky-sidebar h3 {

display: none;

}

.sticky-sidebar {

padding: 0px;

border: 0px;

}

.sticky-sidebar.sticky-enabled {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

position: fixed;

top: 20px;

}

.sticky-sidebar.sticky-enabled.extra_browser_space {

top: 20px;

}

.sticky-sidebar.sticky-enabled .widget-ad {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.sticky-sidebar.bottom-sticky {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

position: absolute;

bottom: 50px;

margin-top: 0px;

}

.sticky-sidebar.bottom-sticky .widget-ad {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

@media (max-width: 1002px) {

.sticky-sidebar {

color: rgb(10,0,2);

}

}



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

/* MOBILE */

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

a#pull.toggle-mobile-menu {

display: none;

}

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

a._button span:nth-child(1), a._button span:nth-child(3) {

display: none;

}

.single aside.sidebar, .single article.article {

width: 100% !important;

float: none !important;

display: block !important;

}

}



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

a#pull:before {

content: '\f0c9';

font-family: 'FontAwesome';

font-size: 28px;

/* padding: 10px; */

line-height: 28px;

}

.primary-navigation {

border-top: 0px;

border-bottom: 0px;

height:0;

padding: 0;

}

.logo-wrap, #logo {

margin-bottom: 0;

}

a#pull.toggle-mobile-menu {

background: #30bdbb;

display: inline-block;

color: #fff;

font-size: 0px;

position: absolute;

top: 38px;

padding: 10px;

height: 26px;

right: 50px;

}

#header h2 {

margin-top: 10px;

margin-bottom: 0 !important;

}

body #logo a, #logo img {

float: left !important;

}

#header .header-search {

display: none;

}

.header-social {

display: none;

}

div#page.single {

padding-top: 0px !important;

margin-top: 0px !important;

}

.post-bottom-ad-area-double {

display: none;

}

}

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

div#page.single {

padding-top: 0px !important;

}

a._button._prev span:nth-child(2), a._button._next span:nth-child(2) {

font-size: 14px;

}

a._button._prev span:nth-child(2):before, a._button._next span:nth-child(2):after {

font-size: 18px;

}

a._button._next span:nth-child(2) {

padding-right: 20px;

}

a._button._prev span:nth-child(2) {

padding-left: 20px;

}

}



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

a#pull.toggle-mobile-menu {

position: relative;

top: auto;

right: auto;

margin-bottom: -20px;

margin-top: -10px;

}

div#top_bar {

height: auto;

background: #fff;

border-bottom: 1px solid #ececec;

}

div#top_bar ul {

float: none !important;

display: block;

width: 100%;

text-align: center;

}

div#top_bar ul#menu-top-bar-social {

position: relative;

text-align: center;

}

}



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

a#pull.toggle-mobile-menu {

right: 20px;

}

.logo-wrap {

padding-left: 10px;

}

.theiaPostSlider_nav ._button {

padding: 14px 8px;

margin: 0;

}

}





/* Contact */

form#mtscontact_form {

display: none;

}
/*-[ Navigation ]-----------------*/
.menu-item-has-children > a:after {
content: "\f0d7";
font-family: FontAwesome;
position: absolute;
right: 25px;
}
.primary-navigation #navigation .menu-item-has-children > a { padding-right: 38px }
.primary-navigation {
display: block;
float: right;
width: 100%;
text-align: left;
max-width: 1170px;
}
.primary-navigation a {
color: #222222;
font-weight: bold;
text-align: left;
text-decoration: none;
padding: 8px 25px;
transition: none;
}
.primary-navigation a { padding: 15px 30px }
.primary-navigation #navigation ul li:hover { background: rgba(0, 0, 0, 0.08) }
.primary-navigation #navigation ul li:hover a { color: #fff!important }
.primary-navigation a .sub {
font-size: 11px;
font-weight: normal;
color: #9B9B9B;
}
.primary-navigation #navigation { float: left }
.primary-navigation #navigation ul { margin: 0 auto }
.primary-navigation #navigation ul li {
float: left;
line-height: 24px;
position: relative;
border-right: 1px solid rgba(255, 255, 255, 0.22);
transition: background 0.25s ease-in;
}
.primary-navigation #navigation ul li a, .primary-navigation #navigation ul li a:link, .primary-navigation #navigation ul li a:visited { display: inline-block }
.primary-navigation #navigation > ul > .current a {
background: transparent;
color: #5a5a5a !important;
}
.primary-navigation #navigation ul li li { border-bottom: 0 }
.primary-navigation #navigation ul ul {
position: absolute;
width: 265px;
padding: 20px 0 0 0;
padding-top: 0;
z-index: 400;
font-size: 12px;
color: #798189;
border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.primary-navigation #navigation ul ul li {
padding: 0;
border-right: 0;
}
.primary-navigation #navigation ul ul a, .primary-navigation #navigation ul ul a:link, .primary-navigation #navigation ul ul a:visited {
padding: 13px 45px 13px 20px;
position: relative;
width: 200px;
border-left: 0;
background: transparent;
border-right: 0;
border-radius: 0;
border-bottom: 0;
margin: 0;
}
.primary-navigation #navigation ul ul li:first-child a {

}
.primary-navigation #navigation ul ul li:last-child a { border-bottom: none }
.primary-navigation #navigation ul ul { display: none }
.primary-navigation #navigation ul ul ul {
left: 255px;
top: -1px;
}
#navigation .wpmm-megamenu-showing.wpmm-light-scheme { background: rgba(0, 0, 0, 0.08)!important }
#navigation .wpmm-megamenu-showing.wpmm-light-scheme a { color: #fff!important }
.sub-menu .menu-item-has-children:after { color: #fff }
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
nav a#pull { display: none }
.primary-navigation #navigation i { margin-right: 4px }
.mobile-menu.footer {
display: none !important;

}
.widget {
margin-bottom: 30px !important;
float: left !important;
clear: both !important;
width: 100% !important;
}

.mobile-menu-wrapper.navigation ul li {
line-height: 42px !important;
}

#footer-navigation #navigation li a {
background-color: transparent !important;
color: #a4a4a4 !important;
}

#footer-navigation #navigation ul .current-menu-item a {
background: none;
color: #30bdbb !important;
}
.latest_video{
margin-bottom:30px;
text-align:center;
}
body .main-container .latest_video .ytc_video_container{
width:32.1% !important;
margin-right:20px;
}
body .main-container .latest_video .ytc_video_container.ytc_video_3.ytc_video_last.ar16_9{
margin-right:0 !important;
}
.pagination{
    text-align:center;
    float:none;
}
.pagination .nav-previous{
    float:none;
    display:inline-block;
}
.view{
    display:inline-block;
    text-align:center;
    margin:30px auto 0 !important;
    background: #30bdbb;
    margin: 0 5px 0 0;
    display: inline-block;
    line-height: 42px;
    text-decoration: none;
    color: #fff;
    padding: 0 14px;
    min-width: 42px;
    text-align: center;
    box-sizing: border-box;
}
a.view:hover{
    background-color:#00afa7;
    color:#fff;
}
@media screen and (max-width: 1024px){
    body .main-container .latest_video .ytc_video_container{
        width:31.9% !important;
    }
}
@media screen and (max-width: 865px) {
    a#pull.toggle-mobile-menu {
        position: relative;
        top: 38px;
        right: 0px;
        width: 97%;
    }
    .primary-navigation {
        display:none !important;
    }
    body #logo a, #logo img {
        float: unset !important;
    }
    body .main-container .latest_video .ytc_video_container{ 
        width:48.5% !important; 
        margin:0 20px 30px 0;
    }
    body .main-container .latest_video .ytc_video_container.ytc_video_2.ytc_video_mid.ar16_9{
        margin-right:0 !important;
    }
    body .main-container .latest_video .ytc_video_container.ytc_video_3.ytc_video_last.ar16_9 {
        margin-bottom: 0 !important;
    }
}
@media screen and (max-width: 570px) {
    #featured-thumbnail {
        max-height: unset !important;
    }
    .featured-thumbnail {
        max-height: unset !important;
    }
    body .main-container .latest_video .ytc_video_container{ 
        width:100% !important; 
        margin:0 0 30px;
    }
    .pagination{
        margin-bottom:0;
    }
}