.main-container{
padding: 100px 0;
}
.post {
margin: 0 0 50px;
}
.post.last {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.post-body {
padding: 36px 40px 40px 40px;
border: 0;
border-top: 0;
background: #f7f9fd;
}
.entry-header .entry-title {
font-size: 30px;
line-height: 40px;
margin: 0 0 15px;    
}
.entry-header .entry-title a {
color: #252a37;
}
.post-footer .btn{
box-shadow: none;
}
.entry-header .entry-title a:hover {
color: #18bfc3;
} .post-media.post-video{
max-width: 100%;
position: relative;
overflow: hidden;
}
.post-media.post-video:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.video-icon {
text-align: center;
color: #fff;
display: block;
top: 50%;
margin-top: -50px;
font-size: 78px;
z-index: 1;
position: absolute;
left: 50%;
margin-left: -40px;
width: 80px;
height: 80px;
line-height: 65px;
display: inline-block;
border-radius: 100%;
}
.video-icon i{
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.video-icon i:hover{
color: #18bfc3;
} .banner-area {
position: relative;
min-height: 500px;
color: #fff;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover;
-webkit-backface-visibility: hidden;
}
.banner-area .container{
position: relative;
}
.banner-title{
color: #fff;
font-size: 100px;
margin-bottom: 30px;
}
.banner-heading{
padding: 100px 0 0 0;
width: 100%;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
min-height: 500px;
}
.breadcrumb {
position: absolute;
right: 0;
bottom: 0;
padding: 0;
background: none;
font-size: 16px;
font-weight: 700;
}
.breadcrumb a:hover {
color: #fff;
}
.breadcrumb>li+li:before{
color:#fff;
}
.banner-title-content .breadcrumb span{
background: transparent;
color: #ee3b24;
font-weight: 700;
font-size: 16px;
}
.banner-title-content .breadcrumb a{
color: #fff;
}
.custom-page-header .banner-title-content{
z-index: 3;
}
.breadcrumb li a{
color:#fff;
} .error-page .error-code{
display: block;
font-size: 150px;
line-height: 150px;
color: #333;
margin-bottom: 20px;
text-shadow: 5px 5px 1px rgba(0,0,0,.1);
}
.error-page .error-body .btn{
margin-top: 30px;
font-weight: 700;
}  .post.post-last{
border-bottom: 0;
}
.post-image-wrapper{
position: relative;
}
.blogs-date{
position: absolute;
top: 50px;
left: 0;
color: #fff;
border-radius: 0 25px 25px 0;
padding: 5px 15px;
font-weight: 700;
background: #ee3b24;
}
.blogs-date a{
color: #fff;
} .post-meta{
color: #959595;
font-weight: 400;
font-size: 13px;
}
.post-meta a{
color:#959595;
font-size: 15px;
}
.post-meta-author a,
.post-meta-cats a{
color: #323232;
}
.entry-header .entry-title{
font-size: 28px;
} .about-author{
background: #f2f2f2;
padding: 15px 20px;
margin: 20px 0;
}
.author-img img{
width: 120px;
height: 120px;
margin-right: 30px;
border-radius: 100%;
margin-top: 20px;
}
.author-url span a{
color: #959595;
}
.author-info h3{
margin-bottom: 10px;
font-size: 20px;
font-weight: normal;
}
.author-info h3 span{
font-size: 14px;
color: #959595;
border-left: 1px solid #AFAFAF;
padding-left: 8px;
margin-left: 5px;
} .widget.widget_search{
border: 0;
padding: 0;
}
.search-widget.input-group{
display: block;
width: 100%;
position: relative;
background: none;
font-style: italic;
}
.search-widget.input-group .form-control{
font-style: italic;
}
.search-widget .input-group-btn {
position: inherit;
}
.search-widget .input-group-btn i {
color: #fff;
background: #18bfc3;
font-size: 18px;
position: absolute;
top: 0;
right: 0;
padding: 16px;
}
#sidebar.sidebar ul li:last-child{
border-bottom: 0;
margin-bottom: 0;
padding-bottom:0;
}
.sidebar .widget-title {
font-size: 24px;
font-weight: 700;
position: relative;
margin: 0 0 20px;
padding-left: 15px;
border-left: 3px solid;
border-color:#18bfc3;
} .form-control{
box-shadow: none;
border: 1px solid #f1f1f1;
padding: .375rem .75rem;
background-clip: padding-box;
height: 50px;
background: none;
color: #959595;
font-size: 1rem;
border-radius: 0;
}
.form-control:focus{
box-shadow: none;
} .post-meta-date{
background: #18bfc3;
color: #fff;
width: 65px;
height: 65px;
line-height: 26px;
padding: 10px 0;
position: relative;
top: -40px;
font-size: 0.85714em;
font-weight: 500;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
border-radius: 4px;
}
.post-meta-date span{
font-size: 30px;
font-weight: 600;
display: block;
} .post-quote-wrapper {
position: relative;
color: #fff;
background: #252a37;
padding: 50px;
}
.post-quote-content:before{
padding: 28px 0 22px;
content: "\e937";
font-family: 'iconfont';
color: #fff;
font-size: 44px;
}
.post-quote-content .entry-title{
margin-top: 20px;
}
.post-quote-content .entry-title a{
color: #fff;
}
.post-quote-content .meta-author{
color: #ccc;
font-weight: 700;
font-size: 16px;
position: relative;
margin-bottom: 15px;
}
.post-quote-content .meta-author:before{
content: '';
position: absolute;
top: 14px;
height: 2px;
width: 20px;
background-color: #18bfc3;
margin-left: -30px;
}
.post-quote-content .post-meta,
.post-quote-content .post-meta a{
color: #fff;
} .post-author{
position: relative;
}
.post-author .avatar{
width: 30px;
height: 30px;
line-height: 45px;
border-radius: 100%;
margin-bottom: 5px;
margin-right: 6px;
}
.post-meta-left span.post-author{
display: block;
padding-bottom: 5px;
margin-bottom: 5px;
}
.post-comment i{
position: relative;
margin-right: 5px;
} .post-meta {
padding-bottom: 10px;
color: #626c84;
font-size: 14px;
}
.post-meta a,
.post-meta-left a{
color: #626c84;
position: relative;
z-index: 1;
}
.post-meta a:hover,
.post-meta-left a:hover {
color: #18bfc3;
}
.post-meta span {
margin-right: 20px;
line-height: 24px;
display: inline-block;
}
.post-meta i{
padding-right: 0;
margin-right: 6px;
font-weight: 500;
}
.post-meta span.meta-featured-post {
background-color: #18bfc3;
color: #fff;
padding: 5px 20px;;
border-radius: 21px;
}
.post-footer .btn.btn-primary {
margin-top: 33px;
padding: 15px 30px;
} .paging {
margin-bottom: -5px;
}
.pagination {
margin: 0;
}
.pagination>li>a, .pagination>li>span {
border-radius: 100% !important;
margin-right: 8px;
width: 40px;
height: 40px;
line-height: 28px;
color: #7c7c7c;
border: 1px solid #f1f1f1;
text-align: center;
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>li>a:hover {
color: #fff;
background: #18bfc3;
} .post-single{
position: relative;
}
.post-single .post-body{
border: 1px solid transparent;
background: none;
padding: 40px;
}
.post-single .post-meta-date{
position: absolute;
top: 30px;
left: 35px;
display: block;
text-align: center;
}
.post-single .post-author .avatar{
width: 30px;
height: 30px;
}
.post-single .post-author a{
display: inline-block;
margin-left: 6px;
}
.post-single .post-author:after{
border:0;
}
.post-single .entry-header .entry-title{
font-size: 36px;
}
.post-single .entry-content p{
margin-bottom: 30px;
}
.post-single .entry-content h3{
margin: 15px 0;
font-size: 24px;
}
.post-single .entry-content table{
margin-bottom: 20px;
}
.post-single .post-footer{
border-top: 1px solid #f1f1f1;
margin: 40px 0 0;
padding-top: 40px;
}
.tags-area {
margin: 20px 0;
}
.post-tags strong{
margin-right: 5px;
}
.post-tags a {
border: 1px solid #f1f1f1;
color: #626c84;
display: inline-block;
font-size: 14px;
padding: 3px 15px;
margin-left: 3px;
border-radius: 25px;
margin-bottom: 20px;
}
.post-tags a:hover {
background: #18bfc3;
color: #fff;
border: 1px solid transparent;
} .post-social-icons>li {
display: inline-block;
}
.post-social-icons a{
margin-left: 10px;
font-size: 16px;
color: #252a37;
text-align: center;
}
.post-social-icons a:hover{
color: #18bfc3;
} .post-navigation span:hover,
.post-navigation h3:hover{
color: #18bfc3;
}
.post-navigation .post-previous,
.post-navigation .post-next {
padding: 0 40px;
width: 50%;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
display: table-cell;
position: relative;
vertical-align: middle;
}
.sticky{position: relative;}
.post-navigation i{
margin: 0 5px;
color: #18bfc3;
}
.post-navigation span{
font-size: 14px;
color: #626c84;
margin-bottom: 10px;
}
.post-navigation .post-previous {
text-align: left;
float: left;
border-left: 0 none;
border-right: 0 none;
padding: 0 40px 0 0;
}
.post-navigation .post-next {
text-align: right;
float: right;
border-right: 0 none;
padding: 0 0 0 40px;
}
.post-navigation h3{
text-transform: capitalize;
color: #18bfc3;
font-size: 1.28571em;
font-weight: 700;
margin-bottom: 10px;
} .author-box {
padding: 40px;
margin: 40px 0;
}
.author-img img {
width: 100px;
height: 100px;
margin-right: 30px;
border-radius: 100%;
}
.author-info h3 {
margin-top: 0;
margin-bottom: 5px;
font-size: 20px;
font-weight: 600;
}
.author-info h3 span {
font-size: 12px;
color: #999;
border-left: 1px solid #AFAFAF;
padding-left: 10px;
margin-left: 10px;
font-weight: 500;
}
.author-url a{
font-size: 14px;
color: #626c84;
} cite {
display: block;
font-size: 14px;
margin-top: 10px;
text-align: right;
}
.pingback p ,.pingback .says {display: none;}
.comments-list .pingback .comment-body {margin-left: 0;}
.comments-area {
margin: 40px 0;
}
.comments-list .comment-content {
margin: 15px 0;
}
.comments-list .comment-reply-link {
color: #252a37;
font-weight: 400;
font-size: 14px;
}
.comments-list .comment-reply-link i{
margin-right: 5px;
}
.comments-list .comment-reply-link:hover {
color: #18bfc3;
}
.comments-counter {
font-size: 18px;
}
.comments-counter a {
color: #323232;
}
.comments-list {
list-style: none;
margin: 0;
padding: 20px 0;
}
.comments-list .comment {
list-style: none;
}
.comments-list .comment-body {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 10px;
margin-bottom: 30px;
position: relative
}
.xs-blog-post-comment .reply
.comments-list .comment.last {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.comments-list img.comment-avatar {
width: 80px;
height: 80px;
border-radius: 100%;
margin-right: 30px;
}
.comments-list .comment-author {
margin-bottom: 0;
margin-top: 0;
font-weight: 700;
font-size: 18px;
color: #252a37;
}
.comments-list .comment-date {
color: #252a37;
font-size: 14px;
display: block;
margin-top: -5px;
}
.comments-reply {
list-style: none;
margin: 0 0 0 70px;
}
.comment-respond {
margin-bottom: 20px;;
}
.comment-respond .title-normal {
margin-bottom: 20px;
}
.comment-respond .btn.btn-primary {
margin-top: 40px;
}
.comment-info [class*=col-md-]{
margin-bottom: 15px;
position: inherit;
}
.comment-respond .form-submit{
text-align: right;
}  .sidebar .widget {
margin-bottom: 40px;
border: 1px solid #f1f1f1;
padding: 40px;   
}
.sidebar-left .widget {
margin-right: 10px;
}
.sidebar-right .widget {
margin-left: 10px;
}
.sidebar .widget.box {
padding: 25px;
}
.widget.box.solid {
background: #f2f2f2;
}
.widget.box.red {
background: #ec483b;
color: #fff;
}
.widget.box.red .widget-title {
color: #fff;
}
.widget ul li {
line-height: 30px;
}
.sidebar .widget ul li a:hover {
color: #18bfc3;
}
.sidebar .widget ul li i {
margin-right: 5px;
font-weight: 500;
}
.sidebar .btn {
font-weight: 700;
font-size: 12px;
margin-top: 15px;
padding: 10px 25px;
} .widget.widget-search{
background: none;
position: relative;
padding: 0;
}
.input-group-btn{
background: #18bfc3;
color: #fff;
}
.widget-search .form-control,
.widget-search .form-control:focus{
border: 0 !important;
font-style: italic;
}
.widget-search i{
color: #fff;
background: #18bfc3;
font-size: 18px;
position: relative;
top: 0;
padding:15px;
} .sidebar ul {
border: 0;
padding: 0;
}
.sidebar ul li {
color: #626c84;
border-bottom: 1px dashed #f1f1f1;
padding-bottom: 10px;
margin-bottom: 10px;
list-style: none;
font-family: sans-serif;
}
.sidebar ul li a {
color: #626c84;
border-radius: 0;
padding-left: 0;
font-weight: 400;
line-height: 24px;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
font-family: "Poppins", sans-serif;
}
.sidebar ul li.active a,
.sidebar ul li:hover a {
color: #18bfc3;
}
.sidebar ul li:last-child a {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.sidebar select{
max-width: 100%;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
border: 1px solid #f1f1f1;
border-radius: 0 !important;
border: 1px solid #ccc;
overflow: hidden;
height: 40px;
}
.textwidget img{
margin: 15px 0;
height: auto;
} .widget.recent-posts .widget-title {
margin-bottom: 35px;
}
.widget.recent-posts ul li {
border-bottom: 1px dashed #f1f1f1;
padding-bottom: 20px;
margin-bottom: 20px;
line-height: normal;
}
.widget.recent-posts ul li:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.widget.recent-posts .media-left img {
width: 93px;
height: 65px;
}
.widget.recent-posts .entry-title {
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin: 6px 0 0;
}
.widget.recent-posts .entry-title a {
color: #303030;
}
.widget.recent-posts .entry-title a:hover {
color: #18bfc3;
}
.widget.recent-posts .post-date {
font-weight: 500;
color: #626c84;
font-size: 14px;
}
.widget.recent-posts .post-date a{
color: #626c84;
} .sidebar ul.nav-tabs li .posts-count{
position: absolute;
top: 10px;
right: 0;
} .sidebar .tagcloud ul>li {
float: left;
margin: 3px;
}
.sidebar .tagcloud a {
border: 1px solid #f1f1f1;
color: #626c84;
display: inline-block;
font-size: 14px !important;
padding: 5px 20px;
margin: 0 5px 8px 0;
border-radius: 25px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.sidebar .tagcloud a:hover {
background: #18bfc3;
color: #fff;
border: 1px solid transparent;
}
.comment-author cite{display: inline;
font-size: 18px;}
.widget ul.children, .widget ul.sub-menu {padding-left: 20px;}
#wp-calendar .today{
background: #18bfc3;
color: #fff;
}
.post-edit-link {font-weight: 400;}
#banner-area{background: #0f2765 url(//rotaryeclubmediterraneo.org/wp-content/themes/charitious/assets/images/banner.jpg);}
.post-content table td, .post-content table th{
border: 1px solid #EDEDED;
}
.entry-thumbnail img{max-height: 450px;}
.bypostauthor{position: relative;}
.post-content .entry-content img {padding: 10px;}
.post-content .entry-content .wp-caption {max-width: 100%}
.entry-content input[type="submit"] {
background: #2154d0;
color: #fff;
border: 1px solid #2154d0;
padding: 8px 20px;
} .gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
overflow: hidden;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
.updated:not(.published) {
display: none;
}
@media (max-width: 768px) {
.comment .comments-list img.comment-avatar {
width: 40px;
height: 40px;
margin-right: 10px;
}
.comment .comment-body {
margin-left: 0px;
}
.comment ul.children{
padding-left: 10px;
}
}
.xs-page-header {
margin: 0 0 60px;
}
.xs-page-header h2{
margin: 0 ;
padding-bottom: 20px;
border-bottom: 1px solid #ececec;
}
.post-body td, .post-body th, .comment-content td, .comment-content th {border: 1px solid #EDEDED}
dt {margin-top: 15px;} ul.main-menu>li>a {
padding: 0px 12px !important;
font-size: 12px !important;
}
ul.main-menu li ul li ul {
left: 195px !important;
}
.header-trans-leftbox {background: rgba(0, 0, 0, 0.40) !important}
.search-title {
color: #fff;
font-size: 70px;
margin-bottom: 30px;
}
.extra-color {
background: #00081d;
}
table#wp-calendar th, table#wp-calendar td {
text-align: center;
border: 1px solid #f3f3f3;
padding: 3px 5px;
}
table#wp-calendar #today{
color: #18bfc3;
font-weight: bold;
}
table#wp-calendar caption {
background:#f3f3f3;
padding: 7px;
}
.not-found {text-align: center;}
.not-found h1{
font-weight: 900;
font-size: 70px;
}
.not-found {
line-height: 50px;
font-size: 20px;
}
.fw-container-fluid .fw-col-md-12 {padding: 0;margin: 0;}
.text-black h3 {color: #333333 !important}
.post-navigation a{
display: block !important;
}
.error-page .error-message h3{
margin-bottom: 1rem;
}
.error-page .search-forms{
margin-bottom: 1rem;
}
.post-body .entry-header .entry-title{
font-size: 28px;
font-weight: 700;
position: relative;
margin: 0 0 30px;
}
.widget ul.children, .widget ul.sub-menu {
border-top: 1px dashed #f1f1f1;
padding-top: 15px;
margin-top: 15px;
}
@media screen and (min-width: 30em) { .gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
}
.sidebar .widget.widget_nav_menu ul li ul.nav-dropdown>li{
float: none;
}
.sidebar .widget.widget_nav_menu ul li ul.nav-dropdown>li>a{
padding: 0;
float: none;
font-size: 13px;
color: #70798b;
background-color: transparent;
}
.sidebar .widget.widget_nav_menu ul li ul.nav-dropdown{
padding-left: 10px !important;
position: initial;
}
.sidebar .widget.widget_nav_menu ul li ul.sub-menu{
border-top: 1px dashed #ddd;
padding-left: 15px;
display: block;
}