@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900); @import url(https://fonts.googleapis.com/css?family=Coustard:400,900); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); /* Normalization */ body{ font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1; background: #fff; font-size: 13px; } .blogArea h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; line-height: .8; font-weight: 700; color: #404040; } .blogArea p{ font-size: 16px; font-weight: 300; color: #979797; line-height: 1.625; font-weight: 300; margin: 0; } .blogArea ul,ol{ margin: 0; padding: 0; list-style: none; } .blogArea a, a:hover,a:focus{ display: inline-block; outline: none; text-decoration: none; } .blogArea a:focus{ color: #de3c2f; } .blogArea a{ -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } /************** Commmon Content Style ********************/ .commonSection{ padding: 116px 0 118px; position: relative; background: #FFF; } .blogArea img{ width: 100%; } .new_area img{ margin-top: -60px; } .commonTittle{ font-size: 50px; text-transform: capitalize; padding-bottom: 13px; } .commonTittle span{ font-weight: 300; text-transform: capitalize; display: inline-block; padding-left: 8px; } .commonTittle.white{ color: #fff; } .subTittle{ font-size: 20px; line-height: 0.9; margin-bottom: 55px; } /**************** Margin and Padding Set ***********************/ .noMarginLeft{ margin-left: 0px !important; } .noPadding{ padding: 0 !important; } .noMarginRight{ margin-right: 0 !important; } /************************ Blog Section *******************************/ .blogArea { background: rgba(0, 0, 0, 0) url("../images/diagonal.png") repeat scroll center center; position: relative; } .blogArea:after{ content: ""; background: url(../images/rectangle/blog.png) no-repeat scroll center center; width: 80px; height: 40px; position: absolute; left: 0; right: 0; margin: 0 auto; top: auto; bottom: -40px; z-index: 1; } .blogCotent{ position: relative; display: table; clear: both; } .postThumb{ position: relative; } .postDate{ background: #de3c2f none repeat scroll 0 0; height: 154px; position: absolute; top: auto; width: 150px; bottom: 0; } .postThumb.first .postDate{ bottom: 1px; } .postThumb.right{ height: 154px; overflow: hidden; float: left; } .postThumb.right .postDate{ height: 100%; } .blogCotent.last{ margin-top: 30px; } .postDate h1{ font-size: 55px; color: #fff; padding: 23px 0 9px; } .postDate p{ font-size: 20px; text-transform: uppercase; color: #fff; } .postDate a{ background: #404040 none repeat scroll 0 0; color: #fff; display: block; font-size: 13px; font-weight: 400; padding: 8px 0; position: relative; text-transform: uppercase; top: 18px; } .postDate a:hover{ color: #de3c2f; } .postContent { background: #fff; padding: 0 37px 45px; } .postContent h3 a{ color: #404040; display: inline-block; font-size: 30px; padding: 37px 0 22px; } .postContent h3 a:hover{ color: #de3c2f; } .postThumb.first img{ height: 300px; } /************************ Subscribe Section *******************************/