/**Add these on style.css:**/

/* Container */
#user-submitted-posts {
  max-width: 700px;
  margin: 40px auto;
  padding: 25px 30px;
  background: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  font-family: 'Segoe UI', sans-serif;
}

/* Headings */
#user-submitted-posts h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}

/* Fieldsets */
#user-submitted-posts fieldset {
  margin-bottom: 20px;
  border: none;
  padding: 0;
}

/* Labels */
#user-submitted-posts label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

/* Inputs, Textareas, Selects */
#user-submitted-posts input[type="text"],
#user-submitted-posts input[type="url"],
#user-submitted-posts input[type="email"],
#user-submitted-posts input[type="number"],
#user-submitted-posts input[type="password"],
#user-submitted-posts input[type="submit"],
#user-submitted-posts input[type="tel"],
#user-submitted-posts select,
#user-submitted-posts textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  transition: border 0.2s;
}

#user-submitted-posts textarea {
  resize: vertical;
  min-height: 120px;
}

#user-submitted-posts input:focus,
#user-submitted-posts textarea:focus,
#user-submitted-posts select:focus {
  border-color: #0073aa;
  outline: none;
}

/* Submit Button */
#user-submitted-posts .usp-submit {
  background-color: #0073aa;
  color: #fff;
  border: none;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s;
}

#user-submitted-posts .usp-submit:hover {
  background-color: #005f8d;
}

/* Error Message */
#usp-error-message {
  padding: 10px 15px;
  background: #ffe9e9;
  color: #c00;
  border: 1px solid #e0b4b4;
  margin-bottom: 20px;
  border-radius: 6px;
}

/* Responsive */
@media (max-width: 600px) {
  #user-submitted-posts {
    padding: 20px;
  }
}





/*** COMMENTS STYLE ***/


/* .post {width: 48.5%; display: inline-block; vertical-align: top; margin: 0 1.1% 30px; word-wrap: break-word;} */
.post:hover  > .blog-image{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.cat-tag-container{ text-align: left; }
.post .entry-title{ margin: 10px auto; text-align: left; font-size: 23px; }
.post h2 a {font-weight: normal; font-style: normal; font-size: 25px; color: #26AF59; line-height: 29px; text-decoration: none; }
.post h2 a:hover {text-decoration: underline; opacity: 0.8;}
.post img {max-width: 100%;}
.post p{ margin: 10px auto;color: #7F7F7F; line-height: 30px; }
.post a{color: #7F7F7F; font-weight: normal; font-style: normal; font-size: 19px; color: #333333;}
.entry-content{text-align: left;}

.post:nth-child(2n+1){ margin-left: 0; }
.post:nth-child(2n){ margin-right: 0; }

.blog-image-post{ width: 100%; height: 220px; display: block; background-size: cover !important; }
.blog-image-default{ width: 100%; height: 220px; display: block; background-size: 95% !important; background-color: #fff !important; border: 1px solid #900ece;}

.pagination {text-align: center;margin: 20px 10px;}
.pagination span, .pagination a {  text-decoration: none;color: #333333; padding: 0; width: 37px; line-height: 36px; margin: 0 3px; border-radius: 5px; display: inline-block; vertical-align: top;}
.pagination .current{ cursor: default; }
.pagination .current, .pagination a:hover { background: var(--priColor);
color: #fff; color: #fff;}
.pagination a:first-child{  }
.pagination a:last-child{ }

.blog_side_nav{ width: 280px; background-color: #69a911; color: #fff; padding: 10px 0; box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; position: relative;margin-top: 20px; }
.blog_nav_ul { list-style: none; }
.blog_nav_ul li { border-top: 1px solid rgba(255, 255, 255, 0.5); margin: unset;}
.blog_nav_ul li:first-child { border-top: none; }
.blog_nav_ul li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.blog_nav_ul a { display: flex; align-items: center; gap: 10px; padding: 15px 24px; color: #fff; text-decoration: none; font-size: 17px; transition: background 0.3s ease, transform 0.2s ease; position: relative; font-weight: 500; height: 80px;}
.blog_nav_ul a::after { content: "›"; font-size: 16px; position: absolute; right: 20px; opacity: 0; transition: opacity 0.3s ease, right 0.3s ease; }
.blog_nav_ul a:hover { background: linear-gradient(90deg, #005391 -0%, #0084E0 95%); transform: translateX(2px);color: #fff;text-decoration: none; }
.blog_nav_ul a:hover::after { opacity: 1; right: 15px; }


/* side nav */
.blog_con { display: flex; }
.blog_side_nav { width: 414px; }

.blog_wrapper{ position: relative;text-align: center; width: 100%;}
.blog_cont{padding: 15px; box-shadow: 0px 0px 25px -8px rgba(227, 227, 227, 0.75);text-align: center;margin: 15px 15px 42px;width: 30%; min-height: 626px; background-color: #FFFFFF; border-radius: 21px;display: inline-block; vertical-align: top;}
.comingsoon{ color: red !important;font-style: italic !important; }
.page-title{ display: block !important; }
.page-title span{ display: inline-block !important; color: inherit !important; }

/* .full-width{width:100%; margin: 10px auto 20px auto; position:relative;}
.full-width .blog-image{float: left; width: 300px; margin-right: 20px; vertical-align: top; clear: both; max-width: 100%;}
.full-width .entry-title{margin:0!important;}

.full-width .cat-tag-container{margin: 20px auto;} */
.blog_flex { display: flex; justify-content: center; flex-wrap: wrap; }
.blog_info{padding: 15px;  box-shadow: 0 0 5px 0 rgba(55, 55, 55, 0.18); text-align: center;}
.info_cont{}
.blog_heading{margin-bottom: 2px; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; min-height: 70px;border:none;}
.blog_heading a{font-size: 26px; color: #4E4D4D; font-weight: 500;}
.blog_heading a:hover{color: #1f49a8;text-decoration: none;}
.img_wrapper{ width: 100%;  max-width: 470px;  margin: 0 auto 15px;    padding: 15px;background:#fff;min-height: 250px;position: relative;}
.img_wrapper img{width: 100%; border-radius: 14px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.blog_footer{width: 100%;  margin-top: 0; font-weight: normal; font-style: normal; font-size: 16px; color: #B2B2B2;padding: 2px 15px;  font-size: 14px;  border-left: 0;  border-right: 0; }
.blog_date{}
.read_more{}
.author_link{display: inline-block;vertical-align: top;position: relative;  padding-right: 15px;  margin-right: 15px;}
.author_link a{font-weight: normal; font-style: normal; font-size: 16px; color: #B2B2B2;font-weight: 400;}
.author_link::after{position: absolute;  width: 1px;  height: 75%;  content: "";  background: #dedede;  top: 47%;  right: 0;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}

h1.entry-title {font-size: 30px;}
.entry-content img {float: right;margin: 0 0 10px 10px}
main p, main li {text-align: left;margin: 15px 0;}
.entry-content p, .entry-content li {text-align: left;}
.page-content ul li{text-align: left;}
.page-content ol li{text-align: left;}
.entry-meta {margin-bottom: 10px;}

@media only screen
and (max-width : 1255px) {
.blog_cont{width: 46%;margin: 15px auto;min-height: 0;}
}
@media only screen
and (max-width : 1035px) {
.blog_cont{width: 100%;margin: 15px auto;min-height: 0;}
.post p {text-align: justify;}
}
@media only screen
and (max-width : 1000px) {
.pagination{ position: static; margin-bottom: 20px; text-align: center; }
.blog_wrapper{text-align: center;margin: 0 auto;}
}
@media only screen
and (max-width : 750px) {
.talent_footer{padding: 2px 0;}
.img_wrapper{float: none;}
.blog_cont{width: 100%;margin: 15px auto;min-height: 0;}
.blog_footer{padding: 2px 0;}
.img_wrapper img { position: static; transform: none; }
.img_wrapper { min-height: 0; }
}

@media only screen
and (max-width : 600px) {
h1.entry-title {font-size: 20px;}
.entry-content img {float: unset;margin: 10px 0;height: auto;}
body{font-size:16px;}
}