/*
Document   : style.css
Created on : 19-mrt-2014, 21:52:43
Author     : Jan Willem
Description:
Purpose of the stylesheet follows.
*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}





.block-shadow{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}



/* Header section */

/* Content */

#content a, #content a:active, #content a:visited{
    color:#00497C;
    text-decoration: none;
    border-bottom: 1px dotted #00497C;
}

#content a:hover{
    border-bottom: 1px solid #00497C;
}


.addthis_sharing_toolbox .at-share-btn{
    border-bottom:none !important;
}

#content img{
    padding:0.5rem;
    
}

#content iframe{
    display: block;
    margin: 0 auto;
}

#content h3{
    font-size:1.4rem !important;
}


/*Foundation overrides*/
body{
    font-family: 'Arimo', sans-serif;
          background-color:#f4f4f4; 
              background-position:center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}



a {
    color:#000;
    font-weight: 450;

}

a:visited{
    color:#000;
    font-weight: 450;
}

a:hover{
    color:#333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}

.contain-to-grid {
    background-color:transparent;

}

.container{
    background-color:#fff;

}

ul.off-canvas-list li a{
    border-bottom:none;
    color:#5C5C5C;
}

ul.off-canvas-list li a:hover {
    background: #cacaca;
}

ul.off-canvas-list li label{
    border-top:none;
    background:none;
    padding: 1rem 0.66667rem;
}


.review-item .text{

    position: absolute;
    bottom: 0;
    color:#f8f8f8;
    font-size: 1.1rem;
    width: 100%;;
    padding:1rem;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .8);
    height:5rem;
    z-index:27
}



.review-item{
    height:10rem;
    visibility: visible;
    background: hsla(10, 0%, 0%,  0.6);

    /*box-shadow: inset 1px 10px 12px -6px;*/
}

.review-item:hover{
    background: hsla(0, 0%, 0%,  0.1);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}



.review-item img{
    height:10rem;
    width:100%;
    position:relative;
    border:1px solid #f4f4f4;
    z-index: -1;
}

#after-slide{
    height:1rem;
    position:relative;
    margin-bottom:2rem;

}

.social-medium{
    padding-right: 1rem;
    vertical-align:sub;
}

.social-button{
    display: inline-block;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    width: 2rem;
    height: 2rem;
    padding-top: 0.8rem;
    padding: .5625em .625em .375em;
}



.social-button.smaller{
    width: 1.5rem;
    height: 1.5rem;
    padding-top: 0.4rem ;
    padding: .28em .312em .180em;
    line-height: 1rem !important;
    font-size: 0.8rem !important;
}

.social-button.facebook{
    background-color: #4b68b9;
    
}

.social-button.whatsapp{
    background-color: #4DC247;
}

.social-button.twitter{
    background-color: #00aced;
}

.social-button.inbox{
    background-color: #148677;
    padding-left: 0.5rem;
}

.social-button.inbox.smaller{
    padding-top: 0.3rem !important;
    padding-left: 0.3rem;

}

.social-button.reddit{
    background-color: #369;
    padding-left: 0.5rem;
}

.social-button.googleplus{
    background-color: #dd4b39;
}

.social-button.hackernews{
    background-color: #f60;
    padding-left: 0.6rem;
}

.social-button.linkedin{
    background-color: #0274b3;
    padding-top: 0.6rem;
}

/*.owl-prev{
position: relative;
top: -9rem;
z-index: 25;
left: 1rem;
width: 2rem;
height: 5rem;
float: left;
}

.owl-next{
position: relative;
top: -9rem;
z-index: 25;
float: right;
right: 1rem;
height: 5rem;
width: 2rem;
}*/

.white{
    background-color:#fff;
}

#leaderboard-top{
    padding:1rem;
    margin-left:auto;
    margin-right:auto;
    max-width:920px;
    display:block;
    position:relative;
}

.breadcrumbs{

}

.white-gradient{
    background: rgb(247,247,247) !important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(247,247,247,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(247,247,247,1)))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7',GradientType=0 )!important; /* IE6-9 */
}


.very-white-gradient{
    background: rgb(247,247,247) !important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(256,256,256,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(256,256,256,1)))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(256,256,256,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(256,256,256,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(256,256,256,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(256,256,256,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7',GradientType=0 )!important; /* IE6-9 */
}


.top-bar{
    height: 5rem;
    line-height: 5rem;
    text-align:center;
}

.top-bar-section ul{
    background-color:transparent !important;
}

nav section.left-small{
    border:none;
}

nav section.left-small{
    border:none;
    margin-top:0.5rem;
}

.tab-bar-section.middle{
    right:initial;
}

.regular-height{
    height:5rem !important;
    line-height:5rem !important;
}

.shrinkme{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.smaller{
    line-height: 2.9rem !important;
    font-size:0.8rem !important;
    max-height: 3rem;
    vertical-align: middle;

}

.smaller img {
    max-height:1.5rem !important;
    margin-top: 0rem !important;
    width:auto !important;
}

.smaller i{
    font-size:1rem !important;
}

.myce-small-text{
    position:relative;
    font-size:75%;
    color:#cacaca;
}

.myce-medium-text{
    position:relative;
    font-size:80%;
}


.contain-to-grid .top-bar {
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 0;
}

.nopadding{
    padding:0 !important;
}

.column-sidebar{
    background: #fff;
    border-top: none;
    margin-bottom:1rem !important;
    border: 1px solid #cacaca;
    overflow:hidden;
    border-bottom-width: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;

}



.column-sidebar-header{
    margin-bottom: 0.7rem;
    margin-right: 0!important;
    background:#666;
    border-top: none;
    padding: 0.4rem 1.2rem;
    color: #fff;
    float: left;
    clear: both;
    z-index: 0;
    width:100%;
    font-size: 85%;
}

.colum-sidebar-header h3{
    padding: 04rem 1.2rem;
    margin-bottom: 0.5rem;
    color: #fff;
    float: left;
    clear: both;
    z-index: 0;
}

.sidebar-list{
    list-style: none;
    margin-left: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size:0.8rem;

}

.sidebar-item{
    padding-bottom: 0.3rem;
    padding-right:0.5rem;
    padding-left:0.5rem;
    margin-bottom: 0.5rem;
    font-size:0.8rem;
    color:#003052;
    border-bottom:1px dotted #cacaca;
    clear:both;
}



.sidebar-item a{
    color: #003052;
}

.sidebar-item a:visited{
    color: #003052;
}

.side-nav li a:not(.button){
    color: #003052;
}

#sidebar-nav{
    margin-top:2rem;
}
.more{
    width: auto;
    padding: 0 0 10px 20px;
    background: url(http://1-ps.googleusercontent.com/x/www.myce.com/static.myce.com/site_images/smushit/xglobals.gif.png.pagespeed.ic.W0SfOaBG5e.png) no-repeat -441px -558px;
}

/*start hottopic*/

ol#hotTopics li span.bubble {
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-bubble.png) no-repeat;
    color: #fff;
    display: block;
    font-size: 0.7rem;
    height: 3rem;
    padding-top: 0.2rem;
    position: absolute;
    text-align: center;
    right: -0.5rem;
    top: -0.5rem;
    width: 2.7rem;
    overflow:visible;
}



.details{
    font-size:80%;
    bottom: 6px;
    display: block;
    font-size: 0.8rem;
    left: 0.5rem;
    opacity: .5;
    position: absolute;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;

}

.time-icon{
    background-image: url(http://static.myce.com/site_images/smushit/globals.gif.png);
    background-repeat: no-repeat;
    line-height: 22px;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 6px;
    background-position: -451px -1067px;
}

.time-text{
    min-height: 16px;
    height: auto!important;
    height: 16px;
    color: #999;
    padding-left: 24px;
    font-size:0.8rem;
}

.user{
    font-size:0.8rem;
}
.topicTitle{
    font-size:0.8rem;
}

ol#hotTopics li.hotTopic1{
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-1.gif);
}


div.fillInner {
    width:19rem;
    padding: 0.5rem 4rem 0.5rem 0.5rem;
    height:auto;
}


li.hotTopic1 div.fill {
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-1-fill.gif);
    width:90%;
    height:100%
}


ol#hotTopics li.hotTopic2{
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-2.gif);
}



li.hotTopic2 div.fill {
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-2-fill.gif);
    height:100%;
    width:78%;
}

ol#hotTopics li.hotTopic3{
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-3.gif);
}



li.hotTopic3 div.fill {
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-3-fill.gif);
    height:100%;
    width:66%;
}

ol#hotTopics li.hotTopic4{
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-4.gif);
}



li.hotTopic4 div.fill {
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-4-fill.gif);
    height:100%;
    width:54%;

}

ol#hotTopics li.hotTopic5{
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-5.gif);
}


li.hotTopic5 div.fill {
    background: url(http://static.myce.com/site_images/background/hotthreads/bg-hot-topics-5-fill.gif);
    height:100%;
    width:44%;
}



ol#hotTopics {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0.3rem;
    float: left;
    width:98%;

}

ol#hotTopics li {
    font-size: 0.8rem;
    height: 4rem;
    line-height: 1rem;
    margin-bottom: 0.3rem;
    margin-right:0.3rem;
    margin-left:0.3rem;
    position: relative;
    padding: 0;
    background: none;
}

/*end hot topic*/

#content-container{
    padding-left:0;
}

.header-search-item{
    margin-top:2rem;
    height:2rem;
}




ul.breadcrumbs{
    background-color:transparent;
    border:0;
    margin-bottom:0.5rem;
    margin-top:0.8rem;
    color:#999;
    padding:0;
}

ul.breadcrumbs a{
    color:#999;
}

.fp-avatar{
    margin:0.2rem;
    margin-right:0.6rem;
    margin-bottom:0.5rem;
}


.comment{
    margin-bottom:1rem;
}

.comment.user{
    font-size:1rem;
}


[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
    background: #FF7373;
    font-style: normal !important;
}

img .aligncenter{
    margin: 0 auto 2rem auto;
    display: block;
}



.author{
    color:#A0A0A0;
    font-size:0.8rem;

}

.author-index{
    color:#A0A0A0;
    font-size:0.7rem;
    margin-bottom:1rem;
    display:block;
}

.headline-index{
    margin-bottom:0;
}

.comment-text{
    font-size: 1rem;
    padding-left: 1rem;
    color:#5c5c5c;
 
}

.myce-ad{
    margin:1rem;
    text-align: center;
}

.comment-userinfo{
 
    width:100%;
    padding:0.2rem;
    font-size:0.9rem;
}

.report{
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.9rem;
    text-align: right;
    color: #cacaca;
    margin-top:0.5rem;
}

.report i{
    margin-right:0.5rem;
    color:#cacaca;
}

.report a, .report a:active, .report:visited{
    color:#cacaca;
}

#myce_all_comments hr{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    
}

.border-top{
    border-top: 1px solid #cacaca;
}

.greyline{
    border-bottom: 1px solid #e6e6e6;
}

.sidebar-item-news-title{
    margin-bottom:0px;
    font-size:0.8rem;
    margin-top:0.5rem;
    font-weight: 500;

}

.post{
    padding-left:0;

}

/* Small Navbar*/

#small-navbar-logo{
    float:left;
    text-align:center;
    vertical-align: top;
}

#small-navbar-logo img{
    margin-top:0.7rem;
    max-height:2.5rem;
}

.tab-bar{
    height:4rem;
}

.tab-bar .menu-icon span {
    -webkit-box-shadow: 1px 0px 1px 1px #7F7F7F, 1px 7px 1px 1px #7F7F7F, 1px 14px 1px 1px #7F7F7F;
    box-shadow: 0 0px 0 1px #7F7F7F, 0 7px 0 1px #7F7F7F, 0 14px 0 1px #7F7F7F;
}



/*Frontpage Lists*/

.indexlist{
    list-style:none;
    line-height: 1.6;
    margin-left:0;
}



.regular-index-featured{
    display: flex;
    border: 1px solid #f4f4f4;
    padding: 1rem;
    margin-bottom:1rem;
}

.regular-index-featured img{
    display: block;
    margin: 0 auto;
    clear: right;
    max-height:5rem;
}

.index-item{
    /*    border-top: 1px solid #F4F4F4;*/
    /*    border-bottom: 1px solid #F4F4F4;*/
}

.comment-count{
    color:#215B87;
}

.advertisement{
    margin-top:1rem;
    margin-bottom:1rem;
    margin-left:auto;
    margin-right:auto;
    max-width:300px;
    display:block;

}

.index-image{
    margin-bottom: 0.5rem;
    margin-left:auto;
    margin-right:auto;
    display:block;
    padding:0.5rem;
}

.grid-index-excerpt{
    border-bottom: 2px dotted #EEEEEE;
    padding-bottom: 1rem;
    font-size:0.8rem;
    font-family: 'Arimo', sans-serif;
}

.list-index-excerpt{
    font-size:0.8rem;
    padding-top:1rem;
    font-family: 'Arimo', sans-serif;
}



.hotness{
    margin-right:1rem;
}

.img48px{
    width:48px;
    height:48px;
}

.archive-thumbnail{
    width:97px;
    height:75px;
    vertical-align:middle;
    margin:1rem;
}

.center{
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

.pad1remleft{
    padding-left:1rem;
}

.navigate {
    width: 100%;
    padding-top:0.7rem;
    margin-bottom: 2.5rem;
    clear: both;
    float: left;
    background: #f8f8f8;
    border: 1px solid #cacaca;
}

.navigate a:active, .navigate a:visited, .navigate a{
    border-bottom:none !important;
}

#prev{
    position: relative;
    float: left;
    padding-left: 1.5rem;

}

#next{
    position: relative;
    padding-right: 1.5rem;
    float: right;
}

.index-text{
    padding-left:1rem;padding-right:1rem;padding-top:1rem;
}



#logo-navbar{
    max-height: 3.5rem;
    vertical-align: middle;
    margin-top: 0.8rem;
}



.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button):hover  {
    line-height:5rem;
    max-height: 5rem;
    font-weight:400;
    font-family: inherit;
    font-size: 1rem;
    color:#5C5C5C;
}


nav section ul li img{
    max-height:2.3rem;
}

.top-bar-section ul li > a {
    font-size:1rem;
    font-weight:400;
    font-size: 1rem;
    color:#807F7F;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 2rem;
    line-height: 5rem;
    color:#807F7F;


}

.topbar-row{
    width:100%;
}

.top-bar .name {
    height: 5rem;
}


.top-bg-first{
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 5px;
    height:5rem;
    color:#333;
}

.topbar .dropdown li{
    background:#f8f8f8;
}

.shadow{
    /*    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 5px;*/
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
    box-shadow:0 0 10px rgba(0,0,0,0.8);
}



.left-small{
    margin-left:1rem;
}


.like-counter{
    font-family: inherit;
    display:inline;
    color:#fff;
    background-color:#cacaca;
    padding:4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

.like-button img{
    max-height:1.8rem;
}


.in-post-nav, .in-post-nav a:visited, .in-post-nav a:hover,.in-post-nav a:active, .in-post-nav a{
    font-size:0.8rem;
    color: #cacaca;
    padding:0.5rem;
}

.clear{
    clear:both;
}

.top-bar-logo {
    max-height:4rem;
}

/*.row{
    max-width:1440px;
         max-width:100%;
}*/
.myce-block{
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 1rem 2rem 1rem 2rem;
    background-color: #fff;
    vertical-align: top;
    margin-bottom:1rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    overflow:auto;
}

.spacer{
    margin-bottom:2rem;
}

#content p.lead{
    font-size: 1rem;
    line-height: 1.6;
}

.top-bar-section ul li:hover:not(.has-form) > a{
    background:none;
}

.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button):hover{
    background-color:#f8f8f8;
}

.top-bar-section ul .has-dropdown li:not(.has-form) a:not(.button), .top-bar-section ul .has-dropdown li:not(.has-form) a:not(.button):hover{
    background:#cacaca;

}


.inline-block{
    display:inline-block;
}



.hot{
    border-left:2px solid red;
}

.comment-count-index{
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color:#cacaca;
    position: absolute;
    top: -5px;
    right: -3px;
    color:#fff;
    font-size:80%;
    padding:1px 2px 1px 2px;
}

.index-top-headlines{
    background-color:#fff;
    padding:0.5rem;
    margin-bottom:1rem;
    display:inline-block;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    vertical-align: top;
}

.index-top-headlines ul{
    font-size:0.8rem;
    list-style: none;
}

.margin-container{
    margin-bottom:3rem;
}

/* Yarpp */

/*.yarpp-thumbnails-horizontal{
display: inline-flex;
align-items: baseline;
font-size:0.8rem;
justify-content:center;
}

.yarpp li{
display:block;
margin:1rem;
border:1px solid #f4f4f4;
padding: 1rem 0.5rem 1rem 0.5rem;

}

yarpp-thumbnail{
border-bottom:0;
}

.yarpp-item-container img{
display:block;
margin:1rem;
}*/



.yarpp-thumbnail-title{
    text-align:center;

}

/* top right bottom left */
.yarpp{
    margin-bottom:1rem;
    border-top:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    padding-top:1rem;
}

.yarpp p{
    font-size: 0.8rem;
    color: #003052;
    padding: 0;
    margin-bottom: 0;
}

.yarpp li{
    text-align: center;
}

.yarpp a{
    font-size:0.8rem;
    color:#003052;
    border-bottom: white !important
}

.yarpp img{
    max-width:100px;
    margin-bottom:0.5rem;
}

yarpp-related a{
    font-weight: normal !important;
}

/* F*cking nasty hack for IE and FF */

.myce-end{
    float:none !important;
}
/* Update tracker */

.fa{
    transition:none;
}

.ph_update_item{
    width:450px;
    height:80px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-bottom-width: 1px;
    border-top-width: 1px;
    padding:8px;
    margin-top:10px;
    box-shadow: 2px 2px 2px #e5e5e5;

}


.ph_update_item:hover{
    background-color:#E8E8E8;
}


.ph_msg_unread{
    border-left:5px solid #7ad03a;
}
.ph_msg_read{
    border-left: 5px solid #999999;

}

.ph_avatar{
    display:inline;
    float:left;
    max-width:48px;
    max-height:48px;
    margin:1rem;
}


.ph_post{
    margin-top:0.4rem;
    font-size: 0.9rem;

}

#ph_header{
    /*    background-color:#4b4b4b;*/
    color:#5C5C5C;
    font-size:1.2rem;
    font-weight:620;
    padding:1rem;
    box-sizing: border-box;
    width: 28rem;
    height:4rem !important;
}

#ph_logo{
    display:inline;
    vertical-align:middle;
    margin-right:1rem;
    margin-left:1rem;
    height:3rem !important;
}

#ph_tracker{

    display:none;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    z-index: 1000;
    padding:1rem;
    background-color:#EFEFEF;
    border: 1px solid #d8d8d8;
    overflow: scroll;
    height:35rem;
    box-shadow: 5px 5px 5px #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}

.ph_update_item a{
    text-decoration:none;
    color: #646473;
}



.review-nav-container{
    margin-bottom: 1rem;
    position: relative;
    padding: 1rem;
}



#content h1{
    font-size:2rem;
}

#background-color{
    width: 5rem;
    height: 5rem;
}

#myce-captcha{
    border:1px solid #f4f4f4;
    padding:1rem;
}



#social-container{
    background-color: #f4f4f4;
    padding: 0.5rem;
}

#related-container a.related-link, #related-container a.related-link:active, #related-container a.related-link:visited{
    display:block;
    font-size:0.8rem;
    color:grey;
    border-bottom: none !important;
}

.index-switch-small i{
    color:grey;
    margin-right:0.3rem;
}

.index-social-small i{
    color:#E9E9E9;
}

.index-social-small i.facebook:hover{
    color:#4b68b9;
    
}

.index-social-small i.twitter:hover{
    color:#00aced;
    
}

.index-social-small i.googleplus:hover{
    color:#dd4b39
    
}

.index-social-small a, .index-social-small a:hover, .index-social-small a:visited{
    color:#E9E9E9;
    padding-left:0.3rem;
    padding-right:0.3rem;
    font-size:0.75rem;
}


.related-image{
    display:block;
    margin-bottom:1rem;
    max-height:95px;

}

#tags a, #tags a:hover, #tags a:visited, #tags a:active{
    color: #cacaca;
    border-bottom: 1px dotted #cacaca !important;
}


/* Progress button */

.progress {
    background-color: transparent;
    height: 100%;
    border: none;
    padding: 0;
    margin-bottom: 0;
}


*, *:after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.button-radius{
    border-radius:3px;
}

.progress-button[disabled],
.progress-button[disabled].state-loading {
    cursor: default;
}

.progress-button .content {
    position: relative;
    display: block;
}

.progress-button .content::before,
.progress-button .content::after  {
    position: absolute;
    right: 20px;
    color: #0e7138;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}


.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
    opacity: 1;
}

.notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

.progress-button .progress {
    background: #148544;
}

.progress-button .progress-inner {
    position: absolute;
    left: 0;
    background: #96aa39
}

.progress-button[data-horizontal] .progress-inner {
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width 0.3s, opacity 0.3s;
    transition: width 0.3s, opacity 0.3s;
}

.progress-button[data-vertical] .progress-inner {
    bottom: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height 0.3s, opacity 0.3s;
    transition: height 0.3s, opacity 0.3s;
}

/* Fill horizontal */
/* ====================== */

.progress-button[data-style="fill"][data-horizontal] {
    overflow: hidden;
}

.progress-button[data-style="fill"][data-horizontal] .content {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.progress-button[data-style="fill"][data-horizontal] .content::before,
.progress-button[data-style="fill"][data-horizontal] .content::after {
    top: 100%;
    right: auto;
    left: 50%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.progress-button[data-style="fill"][data-horizontal].state-success .content,
.progress-button[data-style="fill"][data-horizontal].state-error .content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* Fill vertical */
/* ====================== */

.progress-button[data-style="fill"][data-vertical] {
    overflow: hidden;
}

.progress-button[data-style="fill"][data-vertical] .content {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.progress-button[data-style="fill"][data-vertical] .content::before,
.progress-button[data-style="fill"][data-vertical] .content::after {
    top: 100%;
    right: auto;
    left: 50%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.progress-button[data-style="fill"][data-vertical].state-success .content,
.progress-button[data-style="fill"][data-vertical].state-error .content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* top-line */
/* ====================== */

.progress-button[data-style="top-line"] .progress-inner {
    height: 5px;
}

.progress-button[data-style="top-line"] .content::before,
.progress-button[data-style="top-line"] .content::after {
    right: auto;
    left: 100%;
    margin-left: 25px;
}

/* Ribbon */

.ribbon{
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.4rem 1.5rem 0.4rem 3.2rem;
    margin: 1rem 0.1rem 1rem -3.2rem;
    color: #fff;
    background-color: #91AE54;
    text-shadow: 0px 1px 2px #91AE54;
    -webkit-box-shadow: 0px 2px 4px #888;
    -moz-box-shadow: 0px 2px 4px #888;
    box-shadow: 0px 2px 4px #888;
    width:20rem;
}

.ribbon:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 100%;
    border-width: 5px 10px;
    border-style: solid;
    border-color: #666 #666 transparent transparent;
}

.ribbon:before
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -2px;
    top: 0px;
    border-color: transparent #fff transparent transparent;
}

/* new button */


.progress-button, input.gsc-search-button {
    background-color: #b3c833 !important;
    color: #fff !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    font-style: normal !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05)!important;
    border-radius: 2px !important;
    transition: all .2s;
    box-sizing: border-box;
    padding:1rem !important;
    font-size:1rem !important;
    display: inline-block !important;
    border-color: none !important;
    border-width: 0px !important;
    height:inherit !important;
}

.progress-button:hover {

    background-color: #c1d739;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.27);
    cursor: pointer;
    color: #fff;
}

.progress-button:focus {
    box-shadow: none;
    outline: 4px solid #c7dcfc;
    color: #fff;
    background-color: #c1d739;
    transition: all .5s;

}

.progress-button:active{
    background-color: #96aa39;
    color: #fff;
}

.gsc-control-cse, gsc-control-cse-en {
    font-family: Arial, sans-serif;
    border:0px !important;
    border-color: #fff;
    background-color: #FFF;
}



.reveal-modal{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

#bottommenu{
    padding:0.5rem;
    color: #5C5C5C;
}

#bottommenu a{
    color: #5C5C5C;
    font-size:0.8rem;
}

#bottommenuholder ul{
    margin-right: 1rem;
    margin-top: 0.5rem;
    list-style-type: none;
}

.tab-bar .menu-icon span::after{
box-shadow:0 0 0 1px #5C5C5C , 0 7px 0 1px #5C5C5C , 0 14px 0 1px #5C5C5C;
}

iframe[src="about:blank"]{
    display:none;
}

.gs-title{
    border-bottom:none!important;
}

.gsc-table-result{
    border:none !important;
}

.myce-comment-vote{
    cursor:pointer;
    padding: 0.3rem;
}

.fa-thumbs-down{
    color:red !important;
}

.fa-thumbs-up{
    color:green !important;
}

/*
==============================================
hatch
==============================================
*/

.hatch{
    animation-name: hatch;
    -webkit-animation-name: hatch;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;

    visibility: visible !important;
}

@keyframes hatch {
    0% {
    transform: rotate(0deg) scaleY(0.6);
}
20% {
    transform: rotate(-2deg) scaleY(1.05);
}
35% {
    transform: rotate(2deg) scaleY(1);
}
50% {
    transform: rotate(-2deg);
}
65% {
    transform: rotate(1deg);
}
80% {
    transform: rotate(-1deg);
}
100% {
    transform: rotate(0deg);
}
}

@-webkit-keyframes hatch {
    0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
    -webkit-transform: rotate(2deg) scaleY(1);
}
50% {
    -webkit-transform: rotate(-2deg);
}
65% {
    -webkit-transform: rotate(1deg);
}
80% {
    -webkit-transform: rotate(-1deg);
}
100% {
    -webkit-transform: rotate(0deg);
}
}

.social-container a, .social-container a:hover, .social-container a:visited, .social-container a:active{
    border-bottom:none !important;
}

        @media only screen { 
        body {
        background-image: url(http://static.myce.com/site_images/responsive/background-640.png);}} /* Define mobile styles */

@media only screen and (max-width: 40em) { 
    body {background-image: url(http://static.myce.com/site_images/responsive/background-640.png);}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) {
    body {background-image: url(http://static.myce.com/site_images/responsive/background-1024.png);}
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
body {background-image: url(http://static.myce.com/site_images/responsive/background-1024.png);}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) {
body {background-image: url(http://static.myce.com/site_images/responsive/background-1440.png);}} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
body {background-image: url(http://static.myce.com/site_images/responsive/background-1440.png);}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) {body {background-image: url(http://static.myce.com/site_images/responsive/background.svg);} } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {body {background-image: url(http://static.myce.com/site_images/responsive/background.svg);} } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) {
body {background-image: url(http://static.myce.com/site_images/responsive/background.svg);}
} /* min-width 1921px, xxlarge screens */

.lazyOwl:hover{
    -webkit-filter: grayscale(0);
}