/* plugin css */
#pods {}

@media (min-width: 768px) {
    #pods div[data-ss-colspan="1"] { width: 20%; }    
    #pods div[data-ss-colspan="2"] { width: 40%; }
    #pods div[data-ss-colspan="3"] { width: 60%; }    
    #pods div[data-ss-colspan="4"] { width: 80%; }    
    #pods div[data-ss-colspan="5"] { width: 100%; height:100% !important; }

    /* sidebar */
    #contentsidebar #pods {margin-top:24px;}
    #contentsidebar #pods div[data-ss-colspan="1"] { width: 100%; }    
    #contentsidebar #pods div[data-ss-colspan="2"] { width: 100%; }
    #contentsidebar #pods div[data-ss-colspan="3"] { width: 100%; }    
    #contentsidebar #pods div[data-ss-colspan="4"] { width: 100%; }    
    #contentsidebar #pods div[data-ss-colspan="5"] { width: 100%; height:100% !important; }
    
    #contentsidebar #pods .inner-content {padding:10px 20px 15px 20px;}
}

@media (max-width: 768px) {
    /* sidebar */
    #contentsidebar #pods {margin-left:15px;margin-right:15px;}
    #pods .mobile-content {padding:0;} 
    #pods .inner-content {padding:20px 20px 15px 20px;}
}

@media (min-width: 768px) and (max-width: 1200px) {
    #pods .col-1-pod-img{ max-width:60px !important;}
}

#contentsidebar #pods .col-1-pod-img{ max-width:100% !important;}

#pods .all-transitions{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

#pods .pod-wrapper{/*min-height: 100px;*/padding:0;}
#pods .pod-wrapper.has-border{/*min-height: 100px;*/border: 1px solid #fff;}
#pods .pod-wrapper .primary-content{min-height:100%;width:100%;}
#pods .pod-wrapper .primary-content h3{font-size: 1.1rem;line-height: 1.4rem;margin-bottom:0.6rem;padding-top:10px;padding-right:10px;padding-left:10px;}
#pods .pod-wrapper .primary-content img{margin:0 auto 0.6rem auto;}
#pods .pod-wrapper .secondary-content{opacity: 0;color:#fff;position:absolute;left:0;top:0;min-height:100%;width:100%;background-color: rgba(0,0,0,0.7);}
#pods .pod-wrapper .has-arrow{border-style: solid;border-width: 0 0 50px 50px;border-color: transparent transparent #cad7c7 transparent;width:0;height:0;bottom:0;right:0;position: absolute;}
#pods .pod-wrapper .has-arrow i{position:relative;cursor:help;left:-20px;left: -21px;top: 24px;}
#pods .pod-wrapper .blur{-webkit-filter: blur(3px);  -moz-filter: blur(3px);  -o-filter: blur(3px);  -ms-filter: blur(3px);  filter: blur(3px);}