/*Remove After Development*/
.blog-homepage{
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 10px;
}
.footer{
    margin-top: 1%;
}
/*.et-ar .views-field.views-field-created.blog-post-date{
    display: none;
}
*/.view-landing-page-2019 .view-footer{margin-top: 15px;}
#brands-section-container h1, #blogs-list .tabs{display: none;}
#brands-section .container-fluid{max-width: 100%;padding: 0;}
.half-width-image-wrap .blog-content .blog-body p{display: none}
.half-width-image-wrap .blog-content .blog-body p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.half-width-image-wrap .blog-content .blog-body div{display: none}
.half-width-image-wrap .blog-content .blog-body div, .half-width-image-wrap .blog-content .blog-body{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: left;}
.et-ar .half-width-image-wrap .blog-content .blog-body div{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: right;}
.et-ar .half-width-image-wrap .blog-content .blog-body{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: right;}
/*Common Classes */
.mt12{margin-top: 12px;}
.pd0{padding: 0;}
.img-responsive img{display: block; max-width: 100%;height: auto; width: 100%}
.blog-homepage .img-responsive {width: 100%;}
.block{margin: 0;}
div#block-views-landing-page-block-2019-block-1{
    padding-left: 70px;
    padding-right: 70px;
}
.more-link a {
  background-color: #d9d9d9;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: 900;
  color: #000;
  display: inline-block;
  margin-bottom: 15px;
}
/*Common Classes */

/*.blog-homepage-heading img{height: 282px;}
.blogblocks{height: 775px;}*/
.full-width-image-wrap{position: relative;}
.full-width-image-wrap .blog-content{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);background: rgba(255, 255, 255,0.8); padding: 40px 50px 0;text-align: center; width: 65%;}
.full-width-image-wrap .blog-read-more a{display: inline-block; background: #000; font-size: 23px; line-height: 21px; color: #fff; padding: 16px 35px; text-transform: uppercase; font-family: 'LatoWebBlack', Arial, sans-serif;margin-bottom: 15px;}
.full-width-image-wrap .blog-post-date{font-family: 'LatoWebLightItalic', Arial, sans-serif; font-size: 18px;line-height: 20px; color: #000; margin-bottom: 40px;}
.full-width-image-wrap .blog-title{font-family: 'LatoWebBlack', Arial, sans-serif; font-size: 65px; line-height: 70px; color: #000;margin-bottom: 28px; /*text-transform: lowercase;*/}
/*.full-width-image-wrap .blog-title::first-letter {text-transform: uppercase;}
.et-ar .full-width-image-wrap .blog-title, .et-ar .full-width-image-wrap .blog-title::first-letter{text-transform:none}*/
.full-width-image-wrap .blog-category{font-family: 'LatoWebLightItalic', Arial, sans-serif;font-size: 23px;line-height: 22px;color: #000;margin-bottom: 20px;text-transform: capitalize; display: none;}
.et-ar .full-width-image-wrap .blog-category{font-size: 30px;}
.full-width-image-wrap .blog-category a{color: #000}
.full-width-image-wrap .blog-category a:hover{text-decoration: none;}

.half-width-image-wrap{display: flex; align-items: center}
.half-width-image-wrap .blog-content{text-align: left; padding: 0 60px 0 40px;}
.et-ar .half-width-image-wrap .blog-content{text-align: right; padding: 0 60px 0 40px;}
.half-width-image-wrap.beigeWrap .blog-content{text-align: left; padding: 0 40px 0 60px;}
.et-ar .half-width-image-wrap.beigeWrap .blog-content{text-align: right;}
.half-width-image-wrap .blog-title{font-family: 'LatoWebBlack', Arial, sans-serif; font-size: 44px; line-height: 45px; color: #fff;margin-bottom: 32px;text-transform: capitalize;}
.et-ar.half-width-image-wrap .blog-title{font-size: 48px;}
.half-width-image-wrap .blog-post-date{font-family: 'LatoWebLightItalic', Arial, sans-serif; font-size: 24px;line-height: 24px; color: #fff; margin-bottom: 18px;}
.half-width-image-wrap .blog-body{font-family: 'LatoWebRegular', Arial, sans-serif; font-size: 16px;line-height: 22px; color: #fff; margin-bottom: 20px;}
.half-width-image-wrap .blog-title{font-size: 48px;}
 .half-width-image-wrap .blog-body{font-size: 18px;}
.half-width-image-wrap .blog-read-more a{display: inline-block; background: #000; font-size: 14px; line-height: 14px; color: #fff; padding: 10px 25px; text-transform: uppercase; font-family: 'LatoWebBlack', Arial, sans-serif;}

.purpleWrap{background: #001e39}
/*.beigeWrap{background: #d1b397}*/
.beigeWrap{background: #C8A2C8}

#block-views-landing-page-block-2019-block-1 h2{margin: 12px 0;text-align: center; background: #fede65; padding: 20px 0 18px; width: 100%; text-transform: uppercase; font-family: 'LatoWebBlack', Arial, sans-serif; font-size: 30px; line-height: 30px; color: #fff; display: none;}
.jcarousel-skin-default .jcarousel-item{ width: 19.1vw; height: auto;/*width: 215px;height: 300px;*/position: relative;}
.jcarousel-skin-default .jcarousel-container-horizontal{padding: 0}
.jcarousel-skin-default .jcarousel-clip-horizontal{width: 100% !important; padding: 0 /*12px*/;}
.jcarousel-skin-default .jcarousel-container-horizontal{width: 100% !important;height: auto;}
.jcarousel-skin-default li img{max-width: 100%;display: block;height: auto /* 300px Remove Height */;}
.jcarousel-item .views-field-title-field{position: absolute; bottom: 0;left: 0;width: 100%;padding: 0px 5px; background: rgba(255, 255, 255, 0.8); height: 24%; display: flex; align-items: center;}
.et-ar .jcarousel-item .views-field-title-field{padding: 20px 5px;}
.jcarousel-skin-default .jcarousel-item .blog-read-more a{display: inline-block; background: #000; font-size: 10px; line-height: 10px; color: #fff; padding: 7px 12px; text-transform: uppercase; font-family: 'LatoWebBlack', Arial, sans-serif; display: none;}
.et-ar .jcarousel-skin-default .jcarousel-item .blog-read-more a{ font-size: 12px;}
.jcarousel-skin-default .jcarousel-item .blog-title{font-family: 'LatoWebBlack', Arial, sans-serif; font-size: 15px; line-height: 14px; color: #000000;margin-bottom: 0px;text-transform: capitalize; position: absolute;right: 0; left: 0; top: 50%; transform: translateY(-50%);}
.et-ar .jcarousel-skin-default .jcarousel-item .blog-title{font-size: 15px;}
.jcarousel-skin-default .jcarousel-navigation {margin: 20px auto;}
.jcarousel-skin-default .jcarousel-navigation li {margin:0 5px; display:none;}
.jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev { background: rgba(255, 255, 255, 0.4); width: 35px; height: 40px;}
.jcarousel-skin-default .jcarousel-next-horizontal:hover,.jcarousel-skin-default .jcarousel-prev-horizontal:hover {text-decoration: none;}
a.jcarousel-next.jcarousel-next-horizontal:after {content: "\02C3"; color: #000; font-size: 35px; font-weight: bold;}
a.jcarousel-prev.jcarousel-prev-horizontal:after {content: "\02C2"; color: #000; font-size: 35px; font-weight: bold;}
.jcarousel-navigation li a span {background: #ccc;display: inline-block; text-indent: -9000px; width: 12px; height: 12px; border-radius: 12px;}
.jcarousel-navigation li.active a span {background: #000;}
.et-ar .half-width-image-wrap{flex-direction: row-reverse;}
/*bottom read more*/
.bottom_read_more a{background-color: #000;padding: 10px 40px;display: inline-block; font-size: 23px; line-height: 21px; color: #fff; padding: 16px 35px; text-transform: uppercase; font-family: 'LatoWebBlack', Arial, sans-serif;margin-bottom: 15px;}
.jcarousel-skin-default .jcarousel-next-horizontal,.jcarousel-skin-default .jcarousel-prev-horizontal {top: 35%;}

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

  .jcarousel-skin-default .jcarousel-item {
    width: 46vw;
  }
  .jcarousel-clip {
    touch-action: none;
  }
  .blog-homepage{
    padding-left: 0px;
    padding-right: 0px
	}
    div#block-views-landing-page-block-2019-block-1{
    padding-left: 0px;
    padding-right: 0px 
    }
}

@media (max-width: 1000px){
    .mt12{margin-top: 7px;}
    .full-width-image-wrap .blog-content{padding: 25px;}
    .full-width-image-wrap .blog-read-more a{font-size: 14px; line-height: 14px;padding: 12px 18px;}
    .full-width-image-wrap .blog-post-date{font-size: 15px; line-height: 15px; margin-bottom: 18px;}
    .full-width-image-wrap .blog-title{font-size: 28px; line-height: 30px; margin-bottom: 16px;}
    .full-width-image-wrap .blog-category{font-size: 15px; line-height: 15px; margin-bottom: 12px;}

    .half-width-image-wrap .blog-title{font-size: 16px; line-height: 18px; margin-bottom: 18px;}
    .half-width-image-wrap .blog-post-date{font-size: 12px; line-height: 12px;margin-bottom: 12px;}
    .half-width-image-wrap .blog-body{font-size: 12px; line-height: 14px;margin-bottom: 15px;}
    .half-width-image-wrap .blog-read-more a{font-size: 10px; line-height: 10px;padding: 8px 18px;}
    .half-width-image-wrap .blog-content{padding: 0 30px 0 20px;}
    .half-width-image-wrap.beigeWrap .blog-content{padding: 0 20px 0 30px;}
    #block-views-landing-page-block-2019-block-1 {margin-top: 0px;}
}

@media (max-width: 550px){
    .full-width-image-wrap .blog-content{padding: 15px;}
    .full-width-image-wrap .blog-read-more a{font-size: 8px; line-height: 8px;padding: 8px 15px;}
    .full-width-image-wrap .blog-post-date{font-size: 8px; line-height: 8px; margin-bottom: 12px;}
    .full-width-image-wrap .blog-title{font-size: 14px; line-height: 16px; margin-bottom: 8px;}
    .full-width-image-wrap .blog-category{font-size: 10px; line-height: 10px; margin-bottom: 8px;}
    .half-width-image-wrap .blog-title{font-size: 12px; line-height: 17px; margin-bottom: 10px;}
    .et-ar .half-width-image-wrap .blog-title{font-size: 14px;}
    .half-width-image-wrap .blog-post-date{font-size: 8px; line-height: 8px;margin-bottom: 8px;}
    .half-width-image-wrap .blog-body{font-size: 10px; line-height: 10px;margin-bottom: 10px;}
    .et-ar .half-width-image-wrap .blog-body{font-size: 12px; margin-bottom: 10px; line-height: 14px}
    .half-width-image-wrap .blog-read-more a{font-size: 8px; line-height: 8px;padding: 8px 15px;}
    .half-width-image-wrap .blog-content, .et-ar .half-width-image-wrap .blog-content{padding: 0 20px 0 15px;}
    .half-width-image-wrap.beigeWrap .blog-content{padding: 0 15px 0 20px;}
    #block-views-landing-page-block-2019-block-1 h2{font-size: 17px; padding: 15px 0; line-height: 17px; display: none;}
    /* .jcarousel-navigation li a span{width: 15px; height: 15px;} */
    .bottom_read_more a{ font-size: 12px;line-height: 12px; padding: 10px 15px;}
    .jcarousel-skin-default .jcarousel-item .blog-read-more a{font-size: 9px; line-height: 9px; padding: 6px 12px 5px; display: none;}
    .bottom_read_more a{font-size: 12px;line-height: 12px;padding: 11px 25px;}
    .jcarousel-item .views-field-title-field{padding: 4px 1px; height: 33%;}
    .jcarousel-skin-default .jcarousel-next-horizontal,.jcarousel-skin-default .jcarousel-prev-horizontal {top: 20%;}
    .jcarousel-skin-default .jcarousel-item .blog-title{font-size: 10px; line-height: 12px;}
    .et-ar .jcarousel-item .views-field-title-field {padding: 4px 3px; height: 38%;}
    .et-ar .jcarousel-skin-default .jcarousel-item .blog-title {font-size: 12px;}
}

