/*------------------ Contact Page -----------------*/
.c_icon {
  display: table;
  margin: 0 auto;
  padding: 28px 0;
  border: 1px solid var(--color-FFAB01);
  height: 100px;
  width: 100px;  
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form {
  box-shadow: 0px 1px 9px #00000024;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 30px;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color:#fff;
  border: 1px solid #ccc;
}
.inner-cont:hover i {
    color: #fff;
}
.inner-cont:hover .c_icon {
    background-color: var(--color-FFAB01);
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 input[type="textarea"] {
  width: 100% !important;
  font-size: 12px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;
}
.contact-box .wpcf7 input[type="text"]::placeholder{
  color: #13182c;
  font-style: italic;
}
.contact-box .wpcf7 input[type="email"]::placeholder{
  color: #13182c;
  font-style: italic;
}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
}
.contac_form h3 {
  text-align: center;
  color: var(--color-FFAB01);
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: var(--color-FFAB01);
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.contact-box a{
  color:#1d2027;
  font-size: 14px;
}
.c_content span {
  font-size: 16px;
  color:#13182c;
  font-weight: 600;
}
.c_content p{
  font-size: 16px;
  color:#13182c;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 5px;
  margin-bottom: 5%;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.contact-box .contac_form textarea{
  max-height: 100px;
}
.contact-box .contac_form textarea::placeholder{
  color: #13182c;
  font-style: italic;
}
.contact-box p {
  color: #000000;
  padding-left: 10px;
  padding-right: 10px;
}
/* ----------------------- POST---------------------- */
.post-section {
  padding: 20px 0;
}
.post-template-default h1 {
  font-size: 30px;
}
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: var(--color-FFAB01);
  color: #ffffff !important;
  border: 1px solid var(--color-FFAB01);
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid var(--color-FFAB01);
  color: #000000 !important;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background-color: var(--color-FFAB01);
  color: #fff;
  padding:5px 15px;
  margin-right:5px;
  font-weight: 600;
}
.bradcrumbs span{
  background:#fff;
  color: #000;
  padding:5px 15px;
  font-weight: 600;
}
/* --------- Blog Page ------- */
.postbox h3 {
  padding: 10px 0;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.widget_recent_entries li {
  margin: 20px 10px;
}
.metabox {
  color: #000;
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.metabox span.seperator:first-child {
  display: none;
}
.metabox span{
  margin-right: 10px;
}
.metabox span i{
  margin-right: 10px;
}
.metabox .entry-date{
  margin: 0 15px 0 0;
  color:#13182c;
}
.metabox .entry-author{
  margin: 0 15px 0 0;
  color:#13182c;
}
.metabox .entry-author a,
.metabox .entry-comments{
  color: #13182c;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
.post-featured img {
  width: 100%;
}
.feature-box{
  margin-bottom: 10px;
}
.feature-box img{
  width: 100%;
}
.single-post-block .single-content p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 27px;
  color: #90939c;
  font-family: var(--catamaran-font);
}
.authordetails {
  padding-top: 25px;
}
.authordetails .author_links{
  font-family: var(--catamaran-font);
}
.authordetails .b-content{
  font-size: 14px;
  font-family: var(--catamaran-font);
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  position: relative;
}
.authordetails ul li {
  display: inline;
}
.authordetails ul li a {
  background-color: var(--color-FFAB01);
  padding: 9px 15px 9px 15px;
  color: white;
  text-align: center;
}
.inner-sbox h3 a{
  font: bold 18px/35px var(--catamaran-font);
  letter-spacing: 0px;
  color: black;
}
.inner-sbox p{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color:#90939c;
  font-family: var(--catamaran-font);
}
.inner-sbox .post-readmore{
  font: 400 12px/15px var(--catamaran-font);
  letter-spacing: 0px;
  color: #FF4848;
  display: inline-block;
}
.post-featured .blog-information ul.post-categories a{
  font: 400 14px/15px var(--catamaran-font);
  letter-spacing: 0px;
  color: black;
}
.post-featured span.latest-post-cate ul li a:after {
  content: '';
  background: #B2B2B2;
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50px;
  top: 12px;
  right: 10px;
}
.post-featured .blog-date{
  font: normal normal normal 14px/15px var(--catamaran-font);
  letter-spacing: 0px;
  color: black;
}
.archive  h1{
  font-family: var(--catamaran-font);
  color: #13182c;
  font-weight: normal;
  font-size: 30px;
  padding-top: 25px;
}
.postbox.smallpostimage {
    border: 1px solid #A3A3A3;
    border-radius: 0 0 15px 15px;
}
.post-content-boxx {
    padding: 15px 40px 30px;
}
/*-------404 Pgae----------*/
.page-content h1 {
  font-size: 150px;
  color: var(--color-FFAB01);
  text-shadow: 1px 1px 1px black, 2px 2px 1px black, 3px 3px 1px black, 4px 4px 1px black, 5px 5px 1px black, 6px 6px 1px black, 7px 7px 1px black, 8px 8px 1px black, 25px 25px 8px rgb(0 0 0 / 20%);
}
p.text-404 {
  margin: 2rem 0;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}
/* --------- search Page ------- */
.postbox h6 {
  font-weight: bold;
}
/*---- Related post css -----*/
.related-posts .postbox{
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  padding: 10px;
}
.related-posts{
  padding: 2% 0;
  border-top: 1px solid;
  clear: both;
}
.related-posts h2{
  font-size: 28px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0;
}
/*------------- Page -----------------*/
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
  padding: 0;
  border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_ctg{
  margin-bottom: 10px;
}
/*--- Share icon css ----*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  background-color: #ffffff;
  color: var(--color-FFAB01);
  border: 1px solid var(--color-FFAB01);
  border-radius: 7px;
  width: 36px;
  margin: 5px 4px;
  text-align: center;
}
.share_icon i:hover {
  color: #ffffff;
  background-color: var(--color-FFAB01);
}
#blog-right-sidebar #slider,#blog-left-sidebar #slider,#full-width-blog #slider{
  margin-bottom: 3%;
}
/* post comment button */
input#submit:hover{
  transition: 0.2s;
  border-left: none !important;
  border-right: none !important;
}
/* next button */
.nav-next .meta-nav, .nav-previous .meta-nav{
  transition: all 0.5s;
}
.nav-next .meta-nav, .nav-previous .meta-nav{
  position: relative;
  transition: 0.5s;
}
.nav-next .meta-nav:hover{
  padding: 8px 30px 8px 10px;
}
.nav-next .meta-nav:after{
  content: '»';
  position: absolute;
  opacity: 0;
  top: 2px;
  right: -20px;
  transition: 0.5s;
  font-size: 20px;
}
.nav-next .meta-nav:hover:after {
  opacity: 1;
  right: 10px;
}
/* previous button */
.nav-previous .meta-nav:hover{
  padding: 8px 10px 8px 30px;
}
 .nav-previous .meta-nav:after {
  content: '«';
  position: absolute;
  opacity: 0;
  top: 2px;
  left: -20px;
  transition: 0.5s;
  font-size: 20px;
}
.nav-previous .meta-nav:hover:after {
  opacity: 1;
  left: 10px;
}
.wpcf7 form .wpcf7-response-output{
  margin-left: 0;
  text-align: center;
}
/*------------- Page -----------------*/
.middle-content {
  padding-bottom: 20px;
}
.above_title {
  padding-top: 13em;
  text-align: center;
  padding-bottom: 80px;
}
.title-box {
  margin-bottom: 25px;
  color: black;
  background-size: cover;
  background-repeat: no-repeat;
}
.title-box img {
  width: 100%;
}
.title-box h1 {
  font-weight: 600;
  font-size: 40px;
  color: white;
}
.tc_breadcrumbs {
  color: white;
}
.authordetails {
  padding: 20px;
  border: 1px solid #ccc;
  margin-top: 20px;
}
.authordetails .author_links {
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails ul li {
  display: inline;
}
.authordetails ul li a i {
  font-size: 14px;
}
.author_links a {
  text-transform: capitalize;
  font-size: 18px;
  color: black;
}
.socila_share{
  margin-bottom: 0;
}
.related-post-wrapper a {
  font-size: 17px;
  margin-top: 10px;
  display: block;
  margin-bottom: 10px;
  color: black;
  font-weight: 600;
}
.post-single-text {
  line-height: 26px;
}
.post_img img {
    width: 100%;
}