/*
Theme Name: Yomkom
Theme URI:
Author: Born Interactive
Description: 
Version: 1.0
*/
body{
    font-family: 'LetterGothic';
    position: relative;
}

html, body {
	height: 100% !important;
}
#wrapper-all {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	/*min-height: 162px; /* .push must be the same height as .footer */
}
h1,h2,h3,h4,h5,h6{
  font-weight: normal
}
input, textarea, select, body{
  font-family: 'LetterGothic', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
figure{
    direction: ltr;
}
img{
    max-width: 100%;
    height: auto;
}
.theme-1 .fa{
    width: 75px !important;
    height: 75px !important;
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    font-size: 33px !important;
    padding: 0 25px;
}
#language-switcher {
    float: right;
    position: relative;
    margin-left: 30px;
    height: 46px;
    padding: 0 25px;
}
#language-switcher::before{
    content: "";
    height: 33px;
    width: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 6px;
}
#language-switcher a{
    display: none;
    color: #000;
    font-size: 20px;
    line-height: 46px;
    text-transform: capitalize;
}
#language-switcher a.lang-ar{
    font-family: ChangaRegular;
}
#language-switcher a:hover{
    color: #d9be03;
}
#language-switcher a.active{
    display: block;
}
.logo{
  display: inline-block;
  height: 117px;
  overflow: hidden;
  margin-right: 55px;
  line-height: 0;
}
.logo img{
    height: 100%;
}
.safeArea{
  /* width: 1600px; */
  /* margin: 0 auto; */
  /* max-width: 95%; */
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
}
header .safeArea{
    padding: 0 40px;
    max-width: none;
    width: 100%;
}
.safeAreaBanners{
  width: calc(100% - 140px - 140px);
  margin: 0 auto;
  max-width: 95%;
  margin-top: 30px;
}
.safeAreaSmall{
    width: 100%;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 40px;
}
.wrapper-header{
    position: relative;
}
.headerRight{
    float: right;
}
.mainMenu{
    float: right;
}
.mainMenu nav li{
    position: relative;
    display: inline-block;
    padding: 0 19px 10px 19px;
}
.mainMenu nav li:last-child{
    padding-right: 0;
}

.mainMenu nav li a{
    display: inline-block;
    height: 19px;
    line-height: 19px;
    font-size: 20px;
    position: relative;
}
.mainMenu nav li::before{
    content: "";
    width: 1px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}
.mainMenu nav li:first-child::before{
  display: none
}

.mainMenu nav li.active > a::before, .mainMenu nav li:hover > a::before{
    content:"";
    width: calc(100% + 10px);
    height: 1px;
    background:#000;
    position: absolute;
    bottom: -10px;
    left: -5px;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    z-index: 2
}
.mainMenu nav li.active > a::after, .mainMenu nav li:hover > a::after{
    content:"";
    width: calc(100% + 14px);
    height: 4px;
    background:#fbdc05;
    position: absolute;
    bottom: -11px;
    left: -7px;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    z-index: 1
}

.mainMenu nav li.active > a::before, .mainMenu nav li:hover > a::before,
.mainMenu nav li.active > a::after, .mainMenu nav li:hover > a::after{
    -webkit-transition: all 0.3s ease-all;
    -moz-transition: all 0.3s ease-all;
    -ms-transition: all 0.3s ease-all;
    -o-transition: all 0.3s ease-all;
    transition: all 0.3s ease-all;
}
.mainMenu nav .dropdown-menu li > a::before, .mainMenu nav .dropdown-menu li > a::after{
    content: none;
}

.mainMenu .dropdown-menu{
    width: 175px;
    left: -15%;
    top: 100%;
}
.mainMenu ul li:last-child .dropdown-menu{
    left: -78%;
}
.mainMenu nav .dropdown-menu li::before{
    content: none;
}
.mainMenu .dropdown-menu ul{
    padding: 30px 20px;
}


header{
  padding: 20px 0;
}
nav{
  height: 65px;
  vertical-align: middle
}
nav ul{
  padding: 30px 0 0 0;
}
nav > ul{
    text-align: right;
}

.searchBtn{
    display: block;
    height: 46px;
    width: 100%;
}
.searchBtn span{
  width: 25px;
  height: 26px;
  display: inline-block;
  background: transparent url(assets/images/search-icon.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
}
.searchHolderMobile {
    display: none !important;
}
.searchHolderMobile.active{
    display: none !important;
}
.searchHolder input[type=text] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    float: right;
    border:none;
    color:#000;
    font-size: 14px;
    font-family: 'LetterGothic';
    cursor: pointer;
}
.searchHolder.active input[type=text] {
    width: 100%;
    padding-left: 10px;
    padding-top: 10px;
    background-color: #fff;
    padding-right: 30px;
}
.searchHolder.canHover:hover:before, .searchHolder.active:before{
    content: "";
    width: 100%;
    min-width: 45px;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: -6px;
    right: -10px;
    z-index: 2;
}
.searchHolder.canHover:hover:after, .searchHolder.active:after{
    content: "";
    min-width: 45px;
    width: 100%;
    height: 2px;
    background: #fbdc05;
    position: absolute;
    bottom: -4px;
    right: -10px;
    z-index: 1;
}
.searchHolder{
    position: relative;
    float: right
}

.active .searchBtn{
    display: block
}

.signInBtn{
    position: relative;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color:#000;
  font-size: 18px;
  padding: 0 20px 0 52px;
  display: inline-block;
  border-radius: 10px;
  background: #fbdc05;
  -webkit-border-radius: 10px;
  cursor: pointer;
}
.signInBtn span{
    width: 19px;
    height: 15px;
    background: url(assets/images/signin.png) no-repeat;
    background-size: 19px auto;
    position: absolute;
    top: 14px;
    left: 20px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
header .signInBtn:hover span{
    background: url(assets/images/signin-w.png) no-repeat;
    background-size: 19px auto;
}

#form-sign-in{
    margin-top: 40px;
}

header .signInBtn{
  margin-left: 30px;
  float: right;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.coverBg{
  background-size: cover;
  background-position: center;
}
#homepageSlider{
}
#homepageSlider .sliderHeight{
    height: 750px;
    position: relative;
}
#homepageSlider a{
    display: block;
}

.sliderCaption{
  position: absolute;
  /* bottom: 123px; */
  bottom: 85px;
  left: 0;
  max-width: 680px;
    color: #ffffff;
}
.sliderCaption h1{
  display: block;
  font-size: 40px;
}
.sliderCaption h1 span{
    display: inline-block;
    line-height: 48px;
}
.sliderSig{
    display: inline-block;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
}
.owl-item .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(assets/images/slider-overlay.png) bottom left repeat-x;
}

#homepageSlider .owl-dots{
  /* bottom: 80px; */
  position: absolute;
  bottom: 40px;
  
        left: 40px !important;
}
#homepageSlider .owl-dots .owl-dot{
    background: transparent;
    border: 1px solid #fff;
    width: 15px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-right: 10px
}
#homepageSlider .owl-dots .owl-dot.active, #homepageSlider .owl-dots .owl-dot:hover{
    background:#FFF;
}
.pageContent{
    padding-top: 40px;
    background-repeat: no-repeat;
}
#homepage-wrapper .pageContent{
    padding-top: 8px;
}
#homepage-wrapper .pageContent.adBanners{
    padding-top: 8px;
}
.newsItem{
  position: relative;
}
.newsItem .overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent url(assets/images/shadow.png) repeat-x left bottom;
    z-index: 99;
    min-height: 109px;
}
.newsItem .overlay-w{
    display: table;
    width: 100%;
    height: 100%;
}
.newsItem > a{
    display: block;
    line-height: 0;
}
.newsItem .newsItemInfo{
    z-index: 999999;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0px 16px 18px 16px;
}
.newsItem .newsItemInfo h3{
  font-size: 22px;
  color:#FFF;
}
.imageHolder{
  line-height: 0;
  display: block
}
#wrapper-single-post .imageHolder.default-image{
    display: none;
}
.imageHolder img{
  width: 100%
}
.postsListing li{
  margin-bottom: 8px
}
.itemLink{
  position: absolute;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 15
}
.cat{
  font-size: 14px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  color:#FFF;
  padding: 0 9px;
  margin-bottom: 8px;
  margin-right: 10px;
}
.centeredBtn{
  text-align: center;
}

#wrapper_image_preview_original{
    display: none;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

#figure_image_preview{
    display: none;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 185px;
    height: 185px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border: 3px solid #000;
}
#figure_image_preview.wide, .fig_image_preview{
    width: 100%;
    height: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border: 2px solid #000;
}
.fig_image_preview{
    border: none;
}
.fig_image_preview_croppie{
    position: absolute;
    visibility: hidden;
    top: 0;
}
#figure_image_preview img{
    height: 100%;
    max-width: none;
    width: auto;
    margin: 0 auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border: none;
}
#figure_image_preview.wide{
    margin-bottom: 20px;
}
#figure_image_preview.wide img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.btn{
    min-width: 145px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    padding: 0 40px;
    display: inline-block;
    height: 47px;
    line-height: 47px;
    background: #fbdc05 url(assets/images/btn-vector.png) no-repeat right top;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border: none;
}
.btn:hover, .btnNormal:hover{
  background-color:#000;
  color:#FFF;
}
.btn[disabled="disabled"]{
    opacity: 0.75;
    color: #000;
}
.btn[disabled="disabled"]:hover{
    background: #fbdc05 url(assets/images/btn-vector.png) no-repeat right top;
    color: #000;
}

.favoriteBtn{
    padding-left: 45px;
    padding-right: 30px;
    position: relative;
    background: #fff url(assets/images/icon-yellow-border.png) no-repeat right top;
    border: 2px solid #000;
}
.favoriteBtn::before{
  content:"";
  width: 18px;
  height: 17px;
  background: transparent url(assets/images/icon-stars.png) no-repeat center center;
  background-position: 0px 0px;
  background-size: 100% auto;
  position: absolute;
  left: 19px;
  top: 14px;
}
.favoriteBtn:hover::before,
.favoriteBtn.active::before{
  background: transparent url(assets/images/icon-stars.png) no-repeat center center;
  background-position: 0px -17px;
  background-size: 100% auto;
  background-color: transparent;
  color: #fff;
}
.simplefavorite-button.active{
  opacity: 1 !important;
}
.favoriteBtn:hover{
  background-color: transparent;
  color: #000;
}
.postsListing > ul{
  margin-bottom: 20px
}
.newsItem.highlightedNewsItem{
  border: 20px solid #00ca94
}
.hasWhiteShape::before{
  content:"";
  width: 163px;
  height: 82px;
  background: transparent url(assets/images/vector.png) no-repeat center center;
  position: absolute;
  right: -20px;
  top: -20px;
  display: block;
}
.hasYellowShape{
    position: relative;
}
.hasYellowShape::before{
    content: "";
    width: 140px;
    height: 70px;
    position: absolute;
    right: 4px;
    top: -6px;
    display: block;
    background: transparent url(assets/images/vector-y.png) no-repeat center center;
    z-index: 9999;
}

.userInfo{
  position: absolute;
  top:10px;
  left:10px;
  z-index: 3
}
.userInfo figure{
  height: 79px;
  width: 79px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  border:3px solid #FFF;
  line-height: 0;
  overflow: hidden;
  display: inline-block
}
.userInfo figure img{
    height: 100%;
    width: auto;
    max-width: none;
}
.userInfo .meta{
  display: inline-block;
  color: #FFF;
  position: absolute;
  left: calc(100% + 10px);
  width: 400px;
  top: 25px;
}
.userInfo .meta .published_date{
    display: block;
    margin-top: 10px;
}
.sidebar-wrapper{
  background: #fbdc05;
  padding: 95px 20px 50px 20px;
}
#sidebar .sidebar-wrapper .sidebar-block:last-child{
    margin-bottom: 0;
}
#sidebar .overlay-text{
    position: absolute;
    z-index: 999999;
    height: 100%;
    font-size: 30px;
    color: #FFF;
    max-width: 220px;
    margin: 25px 0;
    width: 100%;
    line-height: 32px;
    padding-left: 18px;
    padding-right: 15px;
    margin: 15px 0 0 0;
}

.newsItem.smallNewsItem .newsItemInfo h3{
  font-size: 18px;
  max-width: 85%;
}

.video .imageHolder::before{
  /* content: ""; */
  /* background: rgba(0,0,0,0.4); */
  /* position: absolute; */
  /* width:100%; */
  /* left:0; */
  /* bottom:0; */
  /* height: 100%; */
  /* -webkit-transition: all 300ms ease; */
/* -moz-transition: all 300ms ease; */
/* -ms-transition: all 300ms ease; */
/* -o-transition: all 300ms ease; */
/* transition: all 300ms ease; */
/* z-index: 3 */
}
.video .imageHolder::after{
  content:"";
  background: transparent url(assets/images/play.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 4
}
.video:hover .imageHolder::before{
  /* background: rgba(0,0,0,0.6); */
}
#wrapper-single-post .video .imageHolder::after{
    width: 60px;
    height: 60px;
}

.sidebar-wrapper.hasWhiteShape::before{
  top: 0;
  right: 0;
}


.whiteCover::before{
  content:"";
  width: 8px;
  height: 100%;
  position: absolute;
  left: -7px;
  top:0px;
  background: transparent url(assets/images/left-edge.png) no-repeat center center;
  background-size: auto 100%;
}
.whiteCover::after{
  content:"";
  width: 8px;
  height: 100%;
  position: absolute;
  right: -6px;
  top:0;
  background: transparent url(assets/images/right-edge.png) no-repeat center center;
  background-size: auto 100%;
}
.whiteCover .itemLink::before{
  content:"";
  height: 11px;
  width: 100%;
  position: absolute;
  left: -1px;
  top:-9px;
  background: transparent url(assets/images/top-edge.png) no-repeat center center;
  background-size: 100% auto;
}
.whiteCover .itemLink::after{
  content:"";
  height: 11px;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom:-10px;
  background: transparent url(assets/images/bottom-edge.png) no-repeat center center;
  background-size: 100% auto;
}

.curvedTitle {
    font-family: 'PhoeniciaLowerCase';
    font-size: 40px;
    display: inline-block;
    padding: 20px 25px;
    position: relative;
    margin-bottom: 20px;
}
.curvedTitle h2{
  position: relative;
  font-size: 30px;
  z-index: 2;
}
.curvedTitle h2 span{
    font-weight: bold;
}
.curvedTitle::before{
  content: "";
  width: 100%;
  height: 100%;
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  background:#FFF;
  border: 2px solid #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#wrapper-post-archive .headerTitle h2{
    font-size: 40px;
}
#wrapper-single-post .headerTitle h2{
    font-size: 28px;
}
#wrapper-single-post .submit-your-own-w{
  text-align: center;
  padding-bottom: 40px;
}

#sidebar .newsItem .newsItemInfo{
    padding: 0 12px 12px 12px;
}
#sidebar .newsItem.featuredQuizBlock .newsItemInfo{
    padding-left: 18px;
}
#sidebar .newsItem .newsItemInfo h3{
    font-size: 18px;
    line-height: 1.2;
}
#sidebar .barHighlight{
  position: relative;
  margin-bottom: 55px;
}
#sidebar .curvedTitle{
    max-width: 100%;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    padding: 16px;
    background: #fff;
}
#sidebar .curvedTitle::before{
    width: 99%;
    background: transparent;
    left: 2px;
    top: 0px;
    transform: rotate(-1.5deg);
    height: 99%;
}

.minimalListItem{
  position: relative
}

.minimalList figure{
  width: 133px;
  margin-right: 15px;
  float: left
}
.minimalList h4{
  float: left;
  width: calc(100% - 133px - 22px);
  font-size: 18px;
  display: table;
}
.minimalList h4 a{
  display: table-cell;
 vertical-align: middle;
}
.minimalList h4 a:hover{
  text-decoration: underline;
}
.whiteCurvedBox{
  position: relative;
}
.whiteCurvedBox::before{
    content: "";
    width: 105%;
    height: 105%;
    position: absolute;
    left: -3px;
    top: -1px;
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    background: #FFF;
    border: 1px solid #000;
    z-index: 1;
}
.whiteCurvedBox img{
  position: relative;
  z-index: 2
}
.minimalList li{
  padding-bottom: 28px;
  border-bottom: 1px solid #d9be03;
  margin-bottom: 28px;
}
.minimalList li:last-child{
  margin-bottom: 0;
}
.minimalList{
  margin-bottom: 50px
}

.clear{
  clear: both
}
.socialTicker{
    position: relative;
}
.socialTickerBar{
    background: #07bdbe;
    color: #FFF;
    padding: 18px 0;
    margin: 8px 0 8px 0;
}
.socialTickerBar + .pageContent{
  padding-top: 8px
}
.marquee-username,.marquee,.marquee-time{
  display: inline-block
}
.marquee-username{
    width: 120px;
    overflow: hidden;
    color:#057273;
    border-right: 1px solid #06a3a4;
    padding-right: 8px;
    margin-right: 8px;
    line-height: 1.25;
}
.marquee-time{
    color: #057273;
    border-left: 1px solid #06a3a4;
    padding-left: 15px;
    margin-left: 20px;
    line-height: 1.25;
}
.marquee-time span{
    padding-left: 20px;
    background: url(assets/images/icon-clock.png) center left no-repeat;
}
.marquee{
  /*width: calc(100% - 275px);*/
  width: calc(100% - 320px);
  overflow: hidden;
}
.newsticker{
  padding: 15px 0;
}
.newsticker .newsticker-list .newsticker-item {
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
}
.inner {
    position: relative;
    left: -97%;
}


.featuredQuizBlock h2{
  font-size: 30px;
  color:#FFF;
  max-width: 200px;
  margin: 25px 0;
}
.featuredQuizBlock .newsItemInfo{
  bottom: auto;
  top: 0;
  background: rgba(0,0,0,0.6);
  height: 100%;
  padding-top: 40px;
}
.featuredQuizBlock:hover .newsItemInfo{
  background: rgba(0,0,0,0.7);
}
.featuredQuizBlock .itemLink{
    z-index: 999999999999999999999;
}

.smallBtn{
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  background:#000;
  color:#FFF;
  display: inline-block;
  padding: 0 20px
}

#sidebar .barHighlight.noMargin{
  margin-bottom: 0
}
#sidebar .smallNewsItem:before{
    content: "";
    width: 103%;
    height: 101%;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(1.5deg);
    border: 1px solid #000;
    position: absolute;
    left: -4px;
    top: -1px;
    z-index: 1;
    background: #FFF;
    z-index: -1;
}
.doubleTitle{
  display: inline-block;
  padding: 15px 25px;
  margin-bottom:30px
}
.hasCurvedWhiteBox{
  position: relative;
}
.hasCurvedWhiteBox::before{
  content: "";
  width: 100%;
  height: 100%;
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  border: 2px solid #231f20;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background:#FFF
}
.hasCurvedWhiteBox > *{
  z-index: 2;
  position: relative;
}
html[lang=fr] .doubleTitle h3{
  font-size: 40px;
  font-family: 'PhoeniciaLowerCase';
}
.doubleTitle span{
  font-size: 24px;
  font-weight: bold;
  display: block
}
.homepageTop{
  margin-bottom: 50px;
}
.home-yomik-yomak .doubleTitle h3{
    font-size: 28px;
}
.home-yomik-yomak .hasCurvedWhiteBox::before{
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.hasOverlayShadow .imageHolder:before{
    content: "";
    width: 100%;
    height: 110px;
    background: transparent url(assets/images/article-overlay.png) repeat-x bottom left;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.home-yomik-yomak .row-wrapper{
  background: #fbdc05;
  padding: 35px 70px;
}
.home-yomik-yomak .row-wrapper .row > li{
    padding-right: 7px;
    padding-left: 7px;
}
.home-yomik-yomak .newsItem{
    height: 400px;
    overflow: hidden;
    margin-bottom: 8px; /* Yves - 16-12-2018 | Bottom margin for Yomik Yomak posts if stacked vertically */
}
.home-yomik-yomak .doubleTitle{
    margin-bottom: 12px;
}
.home-yomik-yomak .row-wrapper::before{
    border: 1px solid #000;
}
.home-yomik-yomak .imageHolder{
  position: relative;
  height: 100%;
  max-height: none;
}

.home-yomik-yomak .imageHolder img{
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
}

.formPageHeader:before{
    width: 99%;
    height: 96%;
    top: 2px;
    left: 3px;
    border: 1px solid #000;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#wrapper-contact-page .cmail{
    text-decoration: underline;
    font-size: 16px;
    margin-top: 10px;
}
#wrapper-contact-page .cmail a{
    color: #000;
}
#wrapper-contact-page .cmail a:hover{
    color: #ebce07 !important;
}
#wrapper-contact-page .contact-us-alternatives{
    margin-top: 40px;
}

#wrapper-submit-article .pageContent{
    padding-bottom: 120px;
}
#form-add-article #upload_image{
border-bottom: 2px solid #000;
padding-top: 20px;
padding-bottom:40px;
}
#form-add-article .video_url{
    padding-top: 20px;
}

#cats-mini-list {
    padding: 20px 0;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
#cats-mini-list li{
    display: block;
    line-height: 1.2;
}
#cats-mini-list li input{
    color: #5b5959;
    font-size: 16px;
}
#cats-mini-list .checkboxList.radioList ul li .check,
#cats-mini-list .checkboxList.radioList ul li .check::before{
    border-radius: 3px;
}

.footer{
  background:#000;
  padding-top: 30px;
}
.pageContent{
  padding-bottom: 60px
}
.footer{
  color:#FFF
}
.sitemap{
  text-align: center;
  padding-bottom: 16px;
  border-bottom:1px solid #3b3b3b
}
.sitemap ul li{
    font-size: 18px;
  display: inline-block;
  padding: 0 30px;
  border-right: 1px solid #FFF;
  margin-bottom: 16px;
}
.sitemap ul li:last-child{
  border-right: none
}
.sitemap ul li a:hover{
  text-decoration: underline;
}
.subpageBanner{
  position: relative;
  padding: 23px 0;
  background: #231f20;
}
.subpageBanner:not(.subpageBannerCompact)::after{
  content:"";
  width:100%;
  height: 50px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  background: inherit
}
.subpageBanner .curvedTitle{
    margin-bottom: 0;
    vertical-align: top;
}
.subpageContent{
  padding-top: 0;
  position: relative;
  z-index: 2
}
.subpageBanner.subpageBannerStyle1:after{
    height: 30px;
}
.subpageBannerStyle2{
    height: 160px;
    background: #231f20;
}

.grid-sizer{
  width: 33.3333%
}

.subpageContent{
  padding-bottom: 80px;
}
.newsItem .imageHolder{
  overflow: hidden;
}
.newsItem .imageHolder img{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.row-wrapper .newsItem:hover .imageHolder img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.socialMedia ul,.socialMedia label{
  display: inline-block;
  vertical-align: top;
}
.socialMedia label{
  margin-right: 11px;
}
.socialMedia ul li{
    float: left;
    margin-left: 10px;
}
footer{
  padding: 20px 0;
  line-height: 30px
}
.alignRight{
  text-align: right
}

.socialMedia li a{
  height: 30px;
  width: 30px;
  display: inline-block;
  background: #fbdc05;
  color: #000;
  font-size: 17px;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}
.socialMedia li a:hover{
  background:#000;
  color:#fbdc05;
}
footer span{
  font-size: 22px;
    height: 11px;
    display: inline-block;
    line-height: 16px;
    position: relative;
    top: 6px;
}

#wrapper-user-sign-in{
  float: right;
}
.signedInBlock{
    position: relative;
    padding-left: 30px;
}
.signedInBlock .userInfo{
    position: relative;
    top: 0;
    left: 0;
}
.signedInBlock::before{
  content:"";
  height: 33px;
  width: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 6px
}
.signedInBlock .userInfo figure{
    text-align: center;
    height: 45px;
    width: 45px;
    margin-right: 5px;
    vertical-align: top;
    border: 2px solid #000;
}
.signedInBlock .userInfo figure img{
    height: 100%;
    max-width: none;
    width: auto;
}
.userMenu{
  display: inline-block;
}
.signedInUser{
  font-weight: bold;
  font-size: 20px;
  padding: 13px 0;
  cursor: pointer;
  padding-right: 25px;
  background: transparent url(assets/images/arrow-down.png) no-repeat right center;
}
.dropdown-menu{
    display: none;
    position: absolute;
    border: 2px solid #fbdc05;
    left: 0;
    top: 120%;
    width: 100%;
    z-index: 100;
    text-align: left;
}
.userMenu .dropdown-menu{
    display: none;
    position: absolute;
    border: 2px solid #fbdc05;
    right: 0;
    top: 120%;
    width: 100%;
    z-index: 100;
    min-width: 230px;
    left: auto;
}
.dropdown-menu ul {
    border: 2px solid #000;
    background: #fff;
    padding: 30px;
    text-align: inherit;
}

.dropdown-menu ul li{
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
}
.dropdown-menu ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.dropdown-menu ul li a{
    display: block;
    height: auto;
    line-height: 20px;
    font-size: 20px;
}
.dropdown-menu ul li a:hover{
  color: #fbdc05;
}
.dropdown-menu ul li:last-child a{
}

.socialTicker ul{
  width: 100%
}
.btn-view-listing{
    text-align: center;
    margin-bottom: 40px;
}

.homePostsListing .grid-item.yomkom-post,
.listingGrid .grid-item {
    height: 375px;
    overflow: hidden;
}
.grid-item.yomik-yomak-post{
    height: 670px;
}
.listingGrid .grid-item.grid-item-large{
    height: 670px;
}
.listingGrid .grid-item.grid-item-small{
    height: 331px;
}
#sidebar .smallNewsItem {
    height: 220px;
    position: relative;
    z-index: 9999;
}
.homePostsListing .grid-item.yomkom-post .newsItem,
.listingGrid .grid-item .newsItem,
#sidebar .smallNewsItem .newsItem {
    height: 100%;
}
.homePostsListing .grid-item.yomkom-post .imageHolder,
.listingGrid .grid-item .imageHolder,
#sidebar .newsItem .imageHolder{
    position: relative;
    height: 100%;
    max-height: none;
}
.homePostsListing .grid-item.yomkom-post img,
.listingGrid .grid-item .imageHolder img,
#sidebar .newsItem .imageHolder img{
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
.homePostsListing .grid-item.yomkom-post:hover img,
.relatedArticles .imageHolder:hover img,
.grid-item .newsItem:hover .imageHolder img,
.row-wrapper .newsItem:hover .imageHolder img,
#sidebar .newsItem:hover .imageHolder img{
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

.listingGrid .grid-item.grid-item-large .newsItem .imageHolder img{
    height: auto;
}
.listingGrid .grid-item.grid-item-small .newsItem .imageHolder img{
    width: 100%;
    height: auto;
}
/*.homePostsListing .grid-item.yomkom-post.orientation-portrait img,
.listingGrid .grid-item.orientation-portrait .imageHolder img,
#sidebar .orientation-portrait .newsItem .imageHolder img{
  height: auto;
  width: 100%;
}

.homePostsListing .grid-item.yomkom-post.orientation-landscape img,
.listingGrid .grid-item.orientation-landscape .imageHolder img,
#sidebar .orientation-landscape .newsItem .imageHolder img{
  height: 100%;
  width: auto;
}*/

.adBanners .featuredQuizBlock .newsItemInfo{
  padding-top: 20px
}

.adBanners{
  position: relative;
}

.hello_left{
  position: absolute;
  left: 40px;
  top: 8px;
}
.hello_right{
  position: absolute;
  right: 40px;
  top: 8px;
}
.hello_top a{
    display: block;
    line-height: 0;
}
.hello_top img, .hello_left img, .hello_right img{
    max-width: 100%;
    width: 100%;
}
.hello_left img, .hello_right img{
    width: 120px;
}

.subpageBanner h3{
    font-size: 20px;
    margin-top: 5px;
}
.subpageBanner h3.by-author{
  position: relative;
  z-index: 2;
}
.subpageBanner.fixedHeight::after{
display: none
}
.subpageBanner.fixedHeight{
  margin-bottom: 60px;
}
#wrapper-yomik-yomak.has-user-filter .subpageBanner .curvedTitle{
    margin-bottom: 10px;
}
#wrapper-yomik-yomak.has-user-filter .blockTitleWrapper{
    padding: 10px 0;
    border-top: 2px solid #000;
}
#wrapper-yomik-yomak.has-user-filter .pageContent{
    margin-top: 350px;
    padding-bottom: 80px;
}
#wrapper-yomik-yomak .subpageBanner {
    height: 135px;
}
#wrapper-single-quiz .subpageBanner {
    height: 115px;
}
#wrapper-single-quiz .headerTitle{
    padding: 8px 60px;
}
#wrapper-post-archive .headerTitle {
    padding: 16px 35px;
}
#wrapper-single-quiz .safeAreaSmall{
    max-width: 840px;
    margin: 0 auto;
}
#wrapper-single-quiz .newsListing .imageHolder img{
    height: 250px;
    width: auto;
}
#wrapper-single-post .headerTitle{
    padding: 16px 70px 16px 25px;
}
#wrapper-dashboard .headerTitle h3{
    font-size: 30px;
}
#wrapper-dashboard .paddedBlock .safeArea{
    width: 90%;
}
.articleDetails .articleTitleHolder .floatLeft{
  max-width: 71%;
  width: 100%;
}
.articleMeta{
  font-size: 13px;
}
.articleMeta span{
    float: left;
    margin-right: 10px;
}
.articleMeta span.date{
    color: #777777;
    text-transform: lowercase;
}
.articleTitleHolder{
  margin-bottom: 25px;
}
.articleTitleHolder h3,.articleTitleHolder h1{
  font-size: 40px;
  max-width: 75%;
line-height: 46px;
margin-bottom: 15px;
}
.articleVisual{
  position: relative;
  margin-bottom: 35px;
}
.articleText {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 35px
}
.articleText i{
font-style: italic;
}
.articleText a, .commentText a{
    text-decoration: underline;
}
.articleText a:hover, .commentText a:hover{
    text-decoration: underline;
    color: #ebce07;
}
.articleText h3{
    font-size: 21px;
    margin-bottom: 10px;
}
.articleText p{
    margin-bottom: 30px;
}
.articleText img{
    display: block;
    margin: 0 auto;
}
.articleText h6 {    
    margin: 0 0 10px 0;
    font-size: 21px;
    line-height: 28px;
    font-weight: bolder;
}
.articleText h5 {
    margin: 0 0 12px 0;
    font-size: 23px;
    line-height: 28px;
}
.articleText h4 {
    font-size: 25px;
    margin: 0 0 12px 0;
    line-height: 30px;
}
.articleText h3 {
    font-size: 30px;
    margin: 0 0 14px 0;
    line-height: 35px;
}
.articleText h2 {    
    margin: 0 0 16px 0;
    font-size: 35px;
    line-height: 40px;
}
.articleText h1 {
    font-size: 40px;
    margin: 0 0 18px 0;
    line-height: 45px;
}
.articleText blockquote{
  padding: 80px 0;
  font-size: 32px;
  line-height: 45px;
  font-weight: bold;
  width: 675px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  margin-bottom: 30px
}
.articleText blockquote::before{
  content:"";
  position: absolute;
  left:50%;
  width: 1px;
  height: 62px;
  background:#000;
  top:8px
}
.articleText blockquote::after{
  content:"";
  position: absolute;
  left:50%;
  width: 1px;
  height: 62px;
  background:#000;
  bottom:8px
}

.shareArticle{
  padding: 25px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  text-align: center;
}
.articleDetails .shareArticle{
    border-bottom: 0;
}
.shareArticle span{
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block
}
.blockTitle{
  font-family: 'PhoeniciaLowerCase';
  font-size: 22px;
  margin-bottom: 14px;
}
.tagsBox .blockTitle{
    font-size: 20px;
}
.tagsBox{
  padding: 12px 0;
}
.tagList li{
  display: inline-block;
  margin-right: 9px;
  margin-bottom: 7px;
}
.tagList li a{
  background:#f5f5f5;
  font-size: 14px;
  font-weight: bold;
  padding: 0 15px;
    overflow: hidden;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.tagList li a:hover{
  cursor: pointer;
  background:#000;
  color:#fff
}
.smallBlock{
  padding: 10px 0;
  border-top: 2px solid #000;
}

.blockFilter{
  float: right
}
.floatLeft{
  float: left;
}
.floatRight{
  float: right;
}
.blockFilter .normalSelect, .blockFilter .dropkick-select{
  width: 160px;
}
.dk-selected{
    border-color:#000;
    height: 38px;
    line-height: 38px;
}
.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options, .dk-selected:hover, .dk-selected:focus{
    border-color: #000;
}
.dk-select-open-down .dk-selected{
    border-color: #000;
    box-shadow: 0px 0px 4px #fbdc05;
    -webkit-box-shadow: 0px 0px 4px #fbdc05;
    -moz-box-shadow: 0px 0px 4px #fbdc05;
}
.dk-select-open-down .dk-select-options{
    border-radius: 0;
}
.dk-select-options .dk-option-highlight{
    color: #000;
    background: #fff;
}
.dk-option-selected{
    color: #000;
    background: #fff;
}
.dk-selected:before{
  border-top-color:#000
}
.dk-selected:after{
  border-left:none
}
.dk-select-options{
    padding: 0;
}
.dk-option{
    padding: 0.5em 0.5em;
}

.blockFilter label{
  margin-right: 10px;
  font-size: 18px
}
.blockFilter{
  margin-bottom: 24px;
}

.userImage{
    text-align: center;
  height: 90px;
  width: 90px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  border:2px solid #000;
  line-height: 0;
  overflow: hidden;
  display: inline-block;
  margin-right: 25px;
}
.userImage img{
    height: 100%;
    width: auto;
    max-width: none;
}
.comment-respond .form-submit{
    text-align: right;
    margin-bottom: 30px;
}
#cancel-comment-reply-link{
    float: right;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 0 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: red; 
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    margin-left: 10px;
    border: none;
    color: #fff;
}
#cancel-comment-reply-link:hover{
    opacity: 0.75;
}
#respond #cancel-comment-reply-link{
    display: none !important;
}
#respond .must-log-in{
    margin: 20px 0 40px 0;
}
#respond .must-log-in a{
    text-decoration: underline;
}
#respond .must-log-in a:hover{
    color: #ebce07;
}
.comment #respond #cancel-comment-reply-link{
    display: inline-block !important;
}
.comment .comment-awaiting-moderation{
    margin-bottom: 10px;
    display: inline-block;
    font-size: 13px;
    color: #000;
    background: #fbdc05;
    padding: 5px 10px;
    border-radius: 5px;
}
.comment .userImage{
  float: left;
  width: 70px;
  height: 70px;
}
.comment-body .comment .userImage{
  margin-top: -5px;
}
.commentBox{
  float: left;
  width: calc(100% - 70px - 25px);
  height: auto;
  margin-bottom: 25px;
}
.commentBox textarea{
    font-family: 'PT Sans', sans-serif;
    border:1px solid #000;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    padding: 16px;
}

#comments .btn{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border: none;
}
#comments .centeredBtn .btn{
  float: none
}
.article-comment-total {
    font-family: 'LetterGothic', "Helvetica Neue", sans-serif;
    color: #231f20;
}
.commentForm{
  margin-bottom: 50px
}

.commentInfo .comment-reply-link{
  float: left;
  text-decoration: underline;
  font-size: 16px;
}
.commentInfo .comment-reply-link:hover{
    color: #ebce07;
}
.commentInfo .repliesNb{
  float: right;
  font-size: 14px;
  color: #454544;
}
.commentText{
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    color:#474747;
    line-height: 20px;
}
.commentName{
  font-size: 18px;
  margin-bottom:8px
}
.commentName span{
  font-size: 16px;
  color:#888888
}

.comment .commentBox{
  height: auto
}
.comment ul{
  padding-left: 100px;
  padding-top: 20px;
}
#comments{
    margin-bottom: 100px;
}
.commentList{
}
.commentList .comment{
  border-bottom: 1px solid #d9d9d9;
  border-top: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.commentList:first-child{
    padding-top: 0;
}
.commentList .comment:last-child{
    /* border-bottom: none; */
  padding-bottom: 0;
}
.commentList .children .comment{
  border-top: 1px solid #d9d9d9;
  border-bottom: none;
}
.commentList .children .comment:last-child{
    padding-bottom: 0;
}
.commentForm .comment{
    padding-bottom: 0;
    border: none;
}
.commentList .commentForm{
    margin-bottom: 0;
}

.relatedArticles{
  padding-bottom: 10px;
}
.relatedArticles .imageHolder{
    height: 250px;
    position: relative;
}
.relatedArticles .imageHolder img{
    min-height: 100%;
    min-width: 100%;
    width: auto;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    height: 100%;
}

.form-navigation .notice{
    display: none;
    max-width: 200px;
    margin: 10px auto;
    font-size: 17px;
    background: #e81919;
    padding: 10px;
    color: #fff;
}
.quiz_notice{
    display: none;
    padding: 20px;
    font-family: 'PhoeniciaLowerCase';
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    background: #008000db;
    margin: 20px auto 40px auto;
    max-width: 300px;
    position: relative;
    z-index: 999999;
}
.quiz_notice:before{
    content: "";
    width: 100%;
    height: 100%;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-21.5deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    border: 2px solid #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
#quiz_status_closed.quiz_notice{
    display: block;
    background: #e81919;
}
#answers_status.active{
    display: block;
}
.parsley-errors-list{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.fieldHolderBorder .parsley-errors-list{
    bottom: 10px;
}
.parsley-required, .parsley-forcederror, #password-strength{
    color: red;
    font-size: 14px;
}
#password-strength .parsley-forcederror.strong{
    color: green;
}
.captchaError{
    text-align: center;
    margin: 20px 0;
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success
{
  /* color: #468847; */
  /* background-color: #DFF0D8; */
  /* border: 1px solid #D6E9C6; */
}

input.parsley-error, select.parsley-error, textarea.parsley-error {
    border: 1px solid red !important;
}
.quizPage .centeredBtn{
  padding-bottom: 40px
}
.quizPage .shareArticle{
  border-bottom:none
}
.popup .curvedTitle::before{
    box-shadow: 4px 3px 0px -1px #fbdc05;
    -webkit-box-shadow: 4px 3px 0px -1px #fbdc05;
    -moz-box-shadow:  4px 3px 0px -1px #fbdc05;
}

.popup .curvedTitle{
    font-size: 30px;
    margin-bottom: 40px;
}
.popup .questionNumber{
    float: left;
}
.popup .questionDetails{
    float: left;
    margin-left: 20px;
    margin-bottom: 30px;
    width: 80%;
}
.popup .questionImage{
    margin-bottom: 40px;
}
.popup .curvedTitle.questionNumber{
font-size: 40px;
font-family: 'PhoeniciaLowerCase';
padding: 5px 25px;
}
.popup .questionNumber.curvedTitle::before{
  box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
}
.question{
  position: relative;
}

.question h4{
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    margin-top: -5px;
}

#quiz{
    max-width: 760px;
    width: 760px;
    padding-top: 25px;
    border: 2px solid #000;
}
#quiz .question{
    display: none;
}
#quiz .question.current{
    display: inherit;
}
#quiz .question textarea{
    width:100%;
}
#quiz #quiz_previous{
    margin-right: 15px;
}
.center{
  text-align: center;
}
.radioList ul li{
  position: relative;
  margin-bottom: 20px;
  padding-left: 25px
}
.radioList ul li input[type=radio],
.radioList ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}
.radioList ul.single-choice li{
    width: 30%;
    margin: 0 auto;
    margin-top: 20px;
}

.radioList ul li label{
  display: block;
  position: relative;
  /* font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px; */
  z-index: 9;
  /* cursor: pointer; */
  -webkit-transition: all 0.25s linear;
}

.radioList ul li .check{
    cursor: pointer;
    display: block;
    position: absolute;
    border: 1px solid #000;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}


.radioList ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 1px;
  left: 1px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.radioList input[type=radio]:checked ~ .check,
.radioList input[type=checkbox]:checked ~ .check {
  border: 1px solid #000;
}

.radioList input[type=radio]:checked ~ .check::before,
.radioList input[type=checkbox]:checked ~ .check::before{
  background: #000;
}

.radioList input[type=radio]:checked ~ label,
.radioList input[type=checkbox]:checked ~ label{
  color: #000;
}
.question h4{
  margin-bottom: 25px;
}

.fancybox-button.fancybox-close-small{
  background: #fbdc05;
      border: 2px solid #000;
      height: 28px;
      width: 28px;
      padding: 0;
      right: 20px;
      top: 20px;
}
.signInBtnWrapper{
    text-align: center;
    margin-bottom: 100px;
}
.formHeaderBlock{
  width: 536px;
  margin:0 auto;
  padding: 45px 35px;
  text-align: center;
  margin-bottom: 60px;
  background: #fbdc05
}

.formHeaderBlock h3{
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  max-width: 365px;
  margin: 0 auto;
}

.signInPage .formHeaderBlock h3{
    max-width: none;
}

.menuTrigger{
    display: none;
    float: right;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 2000;
    background: url(assets/images/menu-trigger.png) top center no-repeat;
    cursor: pointer;
    background-size: 100%;
    width: 32px;
    height: 21px;
}
.menuClose{
    position: absolute;
    cursor: pointer;
    background: url(assets/images/menu-close.png) top center no-repeat;
    background-size: 100%;
    width: 19px;
    height: 19px;
    top: 20px;
    right: 20px;
    z-index: 1000;
}

.wrapper-form{
  max-width: 480px;
  margin: 0 auto;
  width: 95%;
  overflow: hidden;
}
.wrapper-form-solo{
    margin-top: 110px;
}

.fieldHolder{
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.fieldHolder.fieldHolderBorder{
    padding-bottom: 25px;
}
.fieldHolder label{
  display: block;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px
}
.fieldHolder input[type="text"],
.fieldHolder input[type="url"],
.fieldHolder input[type="email"],
.fieldHolder input[type="password"],
.fieldHolder textarea{
  height: 51px;
  line-height: 51px;
  border: 1px solid #000;
  width: 100%;
  font-family: 'LetterGothic';
  font-size: 14px;
  text-align: center
}
.fieldHolder textarea{
    text-align: left;
    resize: none;
    height: auto;
    line-height: 1.7;
    padding: 15px;
}

.fieldHolder input[type="text"]:active,
.fieldHolder input[type="text"]:focus,
.fieldHolder input[type="url"]:active,
.fieldHolder input[type="url"]:focus,
.fieldHolder input[type="email"]:active,
.fieldHolder input[type="email"]:focus,
.fieldHolder input[type="password"]:active,
.fieldHolder input[type="password"]:focus{
    box-shadow: 0px 0px 4px #fbdc05;
    -webkit-box-shadow: 0px 0px 4px #fbdc05;
    -moz-box-shadow:  0px 0px 4px #fbdc05;
    -o-box-shadow:  0px 0px 4px #fbdc05;
    -ms-box-shadow:  0px 0px 4px #fbdc05;
}
.fieldHolder .file-btn:hover{
    box-shadow: 0px 0px 10px #fbdc05;
    -webkit-box-shadow: 0px 0px 10px #fbdc05;
    -moz-box-shadow:  0px 0px 10px #fbdc05;
    -o-box-shadow:  0px 0px 10px #fbdc05;
    -ms-box-shadow:  0px 0px 10px #fbdc05;
}
.fieldHolder .field-notice{
    font-size: 13px;
    color: #6e6e6e;
    text-align: left;
    margin-top: 10px;
}

.formHeaderBlock .radioList ul li label{
  text-align: left;
}

.fieldHolder .checkboxList.radioList.first-child{
    margin-top: 20px;
}
.fieldHolder .radioList ul li label{
    font-size: 16px;
    text-align: left;
}
.fieldHolder .radioList h4{
    font-size: 18px;
    margin-bottom: 15px;
}
.checkboxList.radioList ul li .check,
.checkboxList.radioList ul li .check::before{
border-radius: 0
}

.form-result{
    margin: 20px 0 50px 0;
    text-align: center;
}
.form-result > div{
    display: inline-block;
    background: red;
    padding: 15px;
    color: #fff;
    font-size: 15px;
}
.notice{
    font-size: 13px;
    margin-bottom: 20px;
    text-align: center;
}
#form-sign-up .notice{
    margin: 20px 0 0 0;
}
.form-result .error{
    background: red;
    color: #fff;
}
.form-result .success{
    background: green;
    color: #fff;
}
.g-recaptcha{
    text-align: center;
    margin-bottom: 20px;
}
.g-recaptcha > div {
    width: auto !important;
}

.formControl .rememberMe{
  float: left;
}

.forgotPassword a{
  text-decoration: underline;
  color:#01a4a5;
  font-weight: bold;
  font-size: 13px;
}
.formControl .forgotPassword{
  float: right;
}

.formFooter{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 30px 0;
  text-align: center;
  max-width: 480px;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 25px;
  font-size: 18px;
}
.formFooter > span{
    color: #484848
}
.formFooter.noBorder{
    border-top: none;
}
.formFooter h3{
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 16px;
  padding-top: 10px
}

.signinSocial li{
  display: inline-block
}
.signinSocial li a{
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  color:#FFF;
  font-size: 33px;
  line-height: 75px;
  text-align: center
}
.signinSocial li.fb a{
  background:#556ea3
}
.signinSocial li.tw a{
  background:#55acee
}
.signinSocial li.gp a{
  background:#dd4b39
}
.signinSocial span{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color:#000;
  line-height: 40px;
}
.signinSocial li a:hover{
  opacity: 0.7;
}

.registerLink{
  font-size: 18px;
  max-width: 480px;
  width: 95%;
  margin: 0 auto;
  text-align: center
}
.registerLink a{
  color:#07bdbe;
  margin-left: 15px;
  display: inline-block;

}
.registerLink a:hover{
  text-decoration: underline
}

.signInPage{
  padding-bottom: 15px
}
.signUpBlock h3{
  margin-bottom: 0
}

.fieldHolder .normalSelect, .fieldHolder .dropkick-select{
  width: 100%;
}
.fieldHolder .dk-selected:before{
  display: none
}
.fieldHolder .dk-selected {
    background: transparent url(assets/images/arrow-down.png) no-repeat 98% center;
    height: 51px;
    line-height: 51px;
}

.upload-btn-wrapper {
  position: relative;
  display: inline-block;
}

.file-btn {
  border: 2px solid #000;
  cursor: pointer;
  color: #000;
  background-color: white;
  border-radius: 12px;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 30px;
  font-family: 'LetterGothic';
  margin-bottom: 12px;
  position: relative;
}

.upload-btn-wrapper input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-btn-wrapper span{
  display: block;
  font-size: 14px;
  margin-bottom: 20px
}

.formDisclaimer{
  font-size: 13px;
  line-height: 20px;
  color:#6e6e6e;
  font-weight: bold
}

.signUpForm .centeredBtn{
    padding: 30px 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.cardBox{
    width: 490px;
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    background: #fbdc05;
}
.cardBox.hasCurvedWhiteBox::before{
    height: 99%;
    left: 1px;
    top: 1px;
}
.cardBox figure, #figure_profile_picture{
  width: 185px;
  height: 185px;
  overflow: hidden;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  border:3px solid #000;
  margin: 0 auto;
  margin-bottom: 22px
}

#figure_profile_picture{
    height: 100%;
    width: auto;
    max-width: none;
}

.cardBox figure img{
    height: 100%;
    max-width: none;
}
.cardBox h4{
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
}
.cardBox .btn{
  margin-bottom: 15px;
}
.cardBox .simple-link{
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    text-decoration: underline;
    color:#01a4a5
}
.cardBox404{
    margin-bottom: 60px;
    margin-top: -70px;
    padding: 50px 0;
    width: 550px;
}
.cardBox404 figure{
    border: none;
}
.cardBox404.hasCurvedWhiteBox::before{
    height: 98%;
    top: 4px;
    width: 100%;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.cardBox404 h2{
    font-size: 60px;
    margin-bottom: 20px;
}
.cardBox404 h3{
    font-size: 32px;
    line-height: 38px;
}
#wrapper-404{
    margin-bottom: 170px;
}
#wrapper-404 .text-404{
    width: 720px;
    max-width: 90%;
    margin: 0 auto;
}
#wrapper-404 .text-404 h1{
    font-size: 28px;
    line-height: 38px;
    color: #231f20;
    margin-bottom: 40px;
}
#wrapper-404 .btn-wrapper{
    text-align: center;
}
#wrapper-404 .btn{
    height: auto;
    padding: 15px 35px;
    line-height: normal;
    font-weight: bold;
}
.user-blog-page-pic{
    display: inline-block;
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: -11px;
}
.user-blog-page-pic figure{
    width: 110px;
    height: 110px;
    margin-bottom: 5px;
    border-color: #0DA87F;
}

.greyBlock{
  background:#f6f6f6
}
.paddedBlock{
  padding: 35px 0;
}
.doubleTitleHolder .blockTitle{
  float: left;
}
.doubleTitleHolder .addArticle{
  float: right;
}

.addArticle::before{
  content: "+";
  font-size: 20px;
  margin-right: 15px;
  position:relative;
  top: 2px
}
.addArticle:hover{
  color:#d9be03
}
.paddedBlock .relatedArticles{
  padding-bottom: 0
}
.paddedBlock .minimalList li{
  border-bottom:none
}
.commentList .newsItem{
  width: 260px;
  float: left;
}
.dashboard-comments{
  width: calc(100% - 300px);
  float: right;
}
.commentList .comment.dashboard-comment{
    border-bottom: 0;
}
.dashboard-comment .userImage{
    float: left;
}
.dashboard-comments .commentInfo .repliesNb{
    float: none;
}
.dashboard-comments .commentInfo .repliesNb a{
    text-decoration: underline;
}
.dashboard-comments .commentInfo .repliesNb a:hover{
    color: #ebce07;
}
.dashboard-comment-row{
    padding: 20px 0;
}
.dashboard-comment-row{
    border-bottom: 1px solid #d9d9d9;
}
ul.children .dashboard-comment .commentBox{
    border-bottom: 0;
}

#wrapper-dashboard-comments .commentInfo{
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #d9d9d9;
}
.dashboard-comment .comment-reply-to{
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 30px;
}
.dashboard-comment.has-children .commentBox{
    border-bottom: 0;
}
.dashboard-comment-row .imageHolder{
    max-height: 175px;
}

.paddedBlock .minimalList{
  margin-bottom: 0;
}
.paddedBlock .commentList{
  padding-bottom: 0;
  margin-bottom: 0;
}

.grid-item .imageHolder{
    max-height: 500px;
    overflow: hidden;
}
/* .grid-item.col-md-4 .imageHolder { */
    /* max-height: 248px; */
/* } */
.selectFilter.dk-select .dk-select-options{
    top: 5px;
}
.selectFilter.dk-select-open-down .dk-select-options
{
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    border-color: #000;
    border: 1px solid #000;
    top: 100%;
    margin-top: -1px;
}
.selectFilter.dk-select-open-down .dk-select-options li:hover
{
    border-color: #000;
    box-shadow: 0px 0px 4px #fbdc05;
    -webkit-box-shadow: 0px 0px 4px #fbdc05;
    -moz-box-shadow: 0px 0px 4px #fbdc05;
}
.selectFilter .dk-selected{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    padding: 0 25px;
    color: #515151;
    font-size: 14px;
    overflow: hidden;
    z-index: 999;
}

.selectFilter .dk-select .dk-select-options{
    margin-top: -7px;
}
.selectFilter.dk-select-open-down .dk-selected{
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
}

.about-content h2{
    margin: 0 0 16px 0;
    font-size: 40px;
}
.about-content h3{
    margin: 0 0 6px 0;
    font-size: 28px;
    color: #231f20;
    line-height: 38px;
}
.about-content p{
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #231f20;
    line-height: 28px;
}
.about-content-top-left{
    padding-right: 50px;
}
.about-content-bottom{
    margin-top: 120px;
}
#wrapper-about .pageContent .safeArea{
    max-width: 1200px;
    margin: 0 auto;
}
#wrapper-about .pageContent{
    padding-top: 110px;
    padding-bottom: 110px;
}

#wrapper-quizes .pageContent{
    padding-top: 40px;
}
.wrapper-form .formFooter{
    margin-top: 40px;
    border-bottom: none;
}

.tilted_image{
    display: inline-block;
    position: relative;
    margin-top: 15px;
}
.tilted_image img{
    position: relative;
    z-index: 2;
}
.tilted_image:before{
    content: "";
    width: 100%;
    height: 99%;
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    background: #FFF;
    border: 2px solid #000;
    position: absolute;
    left: -4px;
    top: -2px;
    z-index: 1;
}
#wrapper-search-page{
    min-height: 400px;
}
#wrapper-search-page .subpageContent{
    padding-top: 40px;
}
#wrapper-search-page .grid-item .imageHolder img{
    height: 100%;
    width: auto;
    max-width: none;
}
#wrapper-search-page .grid-sizer{
    width: 25%;
}

#mobile-user-info {
    display: none;
}

.hello_mobile{
    display: none;
}
.hello_mobile img{
    width: 100%;
    line-height: 0;
    display: block;
}
.popup iframe{
    width: 100%;
    height: 100%;
}
.popup-form-message{
    max-width: 700px;
    width: 95%;
    display: none;
}
.popup-form-message .popup{
    padding: 56px 0 11px 0;
    height: 100%;
    text-align: center;
}
.popup-form-message .popup .head{
    font-size: 40px;
    line-height: 42px;
    color: #010101;
    margin-bottom: 15px;
}
.popup-form-message .popup .subhead{
    font-size: 22px;
    line-height: 32px;
    color: #010101;
    margin-bottom: 40px;
}
.popup-form-message .popup .btn{
    border: none;
    outline: none;
}
.fancybox-opener{
    display: none;
}
#mobile-sign-in, body.uln #mobile-sign-in{
    display: none !important;
}

#menu-mobile{
    display: none !important;
    /*position: fixed;*/ /* Yves - 16-12-2018 | Fix mobile menu scroll */
    position: absolute; /* Yves - 16-12-2018 | Fix mobile menu scroll */
    left: 0;
    top: 0;
    width: 100%;
    /*height: 100%;*/ /* Yves - 16-12-2018 | Fix mobile menu scroll */
    background: #fbdc05;
    z-index: 1000;
    z-index: 9999999999999999999;
    padding: 35px 60px 35px 60px;
}
#menu-mobile ul{
    display: block;
    padding-top: 0;
}
#menu-mobile ul li{
    float: none;
    padding: 0;
}
#menu-mobile nav li::before{
    display: none
}
#menu-mobile nav {
    border-top: 2px solid #000;
}
#menu-mobile nav li a{
    font-size: 18px;
    line-height: 70px;
    width: 100%;
    border-bottom: 2px solid #000;
    height: auto;
    display: block;
}
#menu-mobile nav li.active a::before, #menu-mobile nav li:hover a::before, #menu-mobile nav li.active a::after, #menu-mobile nav li:hover a::after{
    display: none;
}

.video-w {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.video-w iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide-custom-image.coverBg{
    background-repeat: no-repeat;
    cursor: pointer;
}
.slide-custom-image .overlay{
  display: none !important;
}
.yoyo-coming-soon{
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
} 
.yoyo-coming-soon a{
  text-decoration: underline;
}
.yoyo-coming-soon a:hover{
  color: #14bcbd;
}
.bi-link{
  color: #fbdc05;
}

.user-submissions{
    margin: 100px 0;
}
.user-submissions .submission-wrapper{
    margin-bottom: 30px;
}
.user-submissions .submission{
    padding: 0;
}
#highlighted-user-submissions .submission{
    margin-bottom: 60px;
}
#highlighted-user-submissions .submission .description{
    margin-top: 10px;
    color: #777;
    font-size: 15px;
}
#non-highlighted-user-submissions{
    visibility: hidden;
}
#non-highlighted-user-submissions .submission {
    margin-bottom: 10px;
}
#non-highlighted-user-submissions .submission .imageHolder{
    position: relative;
}
#non-highlighted-user-submissions .submission img{
    height: 200px;
}
.user-submissions .listingGrid .grid-item{
    height: 175px;
}
.user-submissions .grid-sizer{
    width: 25%;
}
#upload-submission-of-the-week{
    margin-bottom: 40px;
    text-align: center;
}

.user-submissions .submission.submission-is-portrait .videoEmbed{
    margin: 0 auto;
    width: 100%;
    max-width: 480px;
    height: 640px;
}
#highlighted-user-submissions .submission.submission-is-portrait .description{
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
}

.original_pow_post span{
    margin-right: 5px;
    font-size: 16px;
}
.original_pow_post{
    margin: 40px 0;
}
.original_pow_post span a{
    text-decoration: underline;
    color: #fbdc05;
}
.original_pow_post span a:hover{
    text-decoration: underline;
}
 
#wrapper-post-archive.wrapper-archive-style-2 .grid-sizer{
    width: 25%;
}
#wrapper-post-archive.wrapper-archive-style-2 .listingGrid .grid-item.grid-item-large{
    height: 1208px;
}
#wrapper-post-archive.wrapper-archive-style-2 .listingGrid .grid-item.grid-item-small{
    height: 600px;
}
#wrapper-post-archive.wrapper-archive-style-2 .entry-featured .newsItem{
    border: 15px solid #fbdc05;
}
#wrapper-post-archive.wrapper-archive-style-3 .headerTitle{
    max-width: 335px;
}
#wrapper-post-archive.wrapper-archive-style-3 .headerTitle h2{
    font-size: 28px;
}

#wrapper-post-archive.wrapper-archive-style-3 .body-content {
    font-size: 18px;
    line-height: 28px;
    color: #231f20;
    border-bottom: 2px solid #000;
    padding-bottom: 50px;
    margin-bottom: 80px;
    position: relative;
}
#wrapper-post-archive.wrapper-archive-style-3 .body-content h3{
    font-size: 28px;
    line-height: 38px;
    color: #231f20;
    margin-bottom: 10px;
}
#wrapper-post-archive.wrapper-archive-style-3 .pageContent{
    margin-top: 60px;
    padding-bottom: 120px;
}
#wrapper-post-archive.wrapper-archive-style-3 .pageContent .safeArea{
    max-width: 1200px;
}
#wrapper-post-archive.wrapper-archive-style-3 .button-main-wrapper{
    padding: 30px 20px;
    background: white;
    display: inline-block;
}
#wrapper-post-archive.wrapper-archive-style-3 .button-main{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
}
#wrapper-post-archive.wrapper-archive-style-3 .button-main .btn{
    padding: 13px 42px;
    height: auto;
    line-height: 1;
}
#archive-post-filters{
    padding: 30px 0;
    margin-bottom: 30px;
    background: #f4f4f4;
    text-align: center;
}
#archive-post-filters .head{
    font-family: 'PhoeniciaLowerCase', sans-serif;
    font-size: 22px;
    color: #000;
    margin-bottom: 20px;
}
#archive-post-filters .selectFilter{
    width: 100%;
    height: 50px;
}
#archive-post-filters .selectFilter .dk-option, #archive-post-filters .selectFilter .dk-selected{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    height: 50px;
    line-height: 50px;
    border-color: #000;
}
#archive-post-filters .selectFilter .dk-option{
    line-height: 35px;
}
#archive-post-filters .filter-wrapper{
    display: inline-block;
    width: 400px;
    margin-right: 10px;
    vertical-align: top;
}
#archive-post-filters .filter-wrapper input{
    padding: 0 10px;
    width: 100%;
    height: 50px;
    border: 1px solid #000;
}
#archive-post-filters .label{
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}
.forum-listing .entry{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}
.forum-listing .entry:last-child{
    margin-bottom: 0;
}
.forum-listing .entry:first-child{
    padding-top: 30px;
    border-top: 1px solid #d9d9d9;
}
.forum-listing .entry h3{
    font-size: 28px;
    line-height: 38px;
    color: #231f20;
    margin-bottom: 20px;
}
.forum-listing .entry .meta .meta-left {
    float: left;
}
.forum-listing .entry .meta .meta-right {
    float: right;
}
.forum-listing .entry .meta .meta-right .replies-total{
    font-size: 14px;
    color: #454544;
    padding-top: 15px;
    vertical-align: top;
    display: inline-block;
}
.forum-listing .entry .meta .userImage {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.forum-listing .entry .meta .author-date-info {
    display: inline-block;
    vertical-align: top;
    padding-top: 15px
}
.forum-listing .entry .meta .author-date-info .date {
    font-size: 13px;
    color: #777;
}

.video-preview {
    display: none;
    width: 100%;
    margin-top: 20px;
    max-width: 400px;
}
.lSSlideOuter .lSPager.lSGallery li{
    border: 2px solid transparent;
    border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{
    border: 1px solid #fbdc05;
    border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery img{
    height: 30px;
    width: 100%;
}

.croppie{
    margin-top: 10px;
}
.btn-compact{
    height: auto;
    line-height: 2;
    min-width: auto;
    padding: 0 20px;
    background: #fbdc05;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 15px;
}

.wp-caption .wp-caption-text{
  text-align: center; /* Yves - 4/2/2019 | Added to always center the caption text since the content images are always centered */
}

.socialTickerBar{
  display: none !important;
}
.wrapper-form div.mce-statusbar{
  display: none !important;          
}
#btn-register-social-media{
    text-align: center;
    margin-top: 10px;
}
#btn-register-social-media .icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:30px;
	border-top-right-radius: 	50px;
	border-top-left-radius: 	50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 	50px; 
	-moz-border-radius: 		50px 50px 50px 50px;
	-webkit-border-radius: 		50px 50px 50px 50px;
	-khtml-border-radius: 		50px 50px 50px 50px; 	
	color:#FFFFFF;
}
#btn-register-social-media .icon i {
	font-size:30px;
	position:absolute;
	left:9px;
	top:10px;
}
#btn-register-social-media .icon.social {
	display: inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
	background:#fbdc05;
	color:#000;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
#btn-register-social-media .icon.social:hover {
    opacity: 0.8;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
#btn-register-social-media .icon.social.fb i {
    left: 20px;
    top: 15px;
}
#btn-register-social-media .icon.social.tw i {
    left: 17px;
    top: 14px;
}
#btn-register-social-media .icon.social.gp i {
    left: 13px;
    top: 14px;
}
#form-sign-up-social-media .form-submit{
    margin-top: 20px;
}
#form-sign-up-social-media iframe{
    height: 78px !important;
}

.wp-caption{
  width: auto !important;
}
.articleText p strong{
    font-family: 'LetterGothicBold';
    font-weight: bolder;
    font-size: 21px;
}
.articleText ul{
  list-style-type: circle;
}

.articleText ol{
  list-style-type: decimal;
}

html[lang=fr-FR] .articleText ul,
html[lang=fr-FR] .articleText ol{
  padding-left: 40px;
}

html[lang=ar] .articleText ul,
html[lang=ar] .articleText ol{
  padding-right: 40px;
}

.article-back{
  display: block;
  float: none !important;
  cursor: pointer;
  text-decoration: underline;
}

.wp-embedded-content + .video-w{
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}

.wp-embedded-content + .video-w iframe{
  position: static;
  width: 100%;
  height: auto;
  min-height: 307px;
}