/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/


/* Your customizations starts here */

.main-header .social-icons{
    text-align: right;
}

.home .page-title{
    display: none;
}
.main-page-wrapper .container{width: auto; padding-left: 32px; padding-right: 32px;}
.categrieslist_inner{width: 100%; margin: 0 auto;}
#categrieslist_ul{padding: 0; display: flex; justify-content: space-between; margin-bottom: 5%;}
ul#categrieslist_ul li {width: 15%; text-transform: capitalize; display: block; text-align: center;}
ul#categrieslist_ul li a { padding: 5% 15%; background: #e9ebec;  border-radius: 50px; font-size: 16px;  font-family: 'Poppins'; display: inline-block;  text-decoration: none;}
ul#categrieslist_ul li a:hover {background: #ed9f34; color: #fff;}
.recentposts_img img{max-height: 450px; width: 100%;}
.recentposts_contentarea {margin-top: 2%;}
.recentposts_title {margin: 1% 0; font-weight: bold;}
.recentposts_readmorebtn {margin: 2% 0;}
.recentposts_readmorebtn a {font-size: 20px; background: #000; padding: 8px 5%; color: #fff; font-family: 'Poppins';}
.recent_postslist_row {margin-bottom: 5%;}
.recentposts{position: relative;}
.recentposts a#posts_viewmore {position: absolute;  right: 11%; top: -4%; color: #A333A4;  font-weight: bold;  font-size: 12px; font-family: 'Poppins';}
.babynames_posts { margin: 5% 0; }
.babynames_posts h2{ font-size: 40px; font-weight: bold; margin-bottom: 3%;}
.babynamesposts_img img {min-height: 320px; width: 100%;}
.babynamesposts_cat_list { margin-top: 5%; max-height: 30px; overflow: hidden;}
.babynamesposts_title h3 a{text-decoration: none;}
.babynamesposts_title h3 { margin: 2% 0; font-weight: bold;}
.babynamesposts_readmore a{font-weight: bold; text-decoration: underline;}
.event_section { background: #071c2e; position: relative;}
.event_section a, .event_section h2, .event_section h3, .event_section p, .event_section h5{color: #fff; text-decoration: none;}
.event_section p{text-decoration: underline;}
.event_section_inner, .share_photos{padding: 3% 0;}
.event_date{font-size: 45px; font-weight: bold;}
.event_section h2 { font-size: 40px; font-weight: bold;}
.event_section a { padding: 5%; margin-bottom: 5%; display: inline-block; background: #122437;}
.event_section a:hover {background: #f9c41c;}
.event_section h5{font-size: 20px;}
.featured_posts .recentposts_title h3 {font-size: 34px;}
.mainheading_title{font-size: 48px; color: #fff; font-family: 'Poppins'; font-weight: 600; text-align: center; }
.mainheading_title span{background: url('images/path.png') no-repeat right center; padding-right: 30px;}
.backtowebsitearrow a, .backtowebsitearrow_footer a{background: url('images/backarrow.png') no-repeat left center; color: #fff; padding-left: 25px; font-size: 12px;}
.subheader{position: relative; color: #fff;}
.main-header{border-bottom-right-radius: 60%;  padding-bottom: 1%;  border-bottom-left-radius: 60%}
.backtowebsitearrow { position: absolute; left: 15%;}
.main-header ul.social-icons li a, .main-header .main-nav .menu>li>a, .main-header .main-nav .menu>li>a:hover{color: #fff;}
.adviceguidance_title h3{font-size: 20px; margin-bottom: 1%;}
.adviceguidance_date {font-size: 12px; color: #7F7F7F; margin-bottom: 2%;}
.adviceguidance_content { margin-bottom: 5%; }
.adviceguidance_detail p{margin-bottom: 2%;}
.adviceguidance_posts h3.adviceguidance_heading, .sharephotos_heading{font-weight: 600; margin-bottom: 3%; font-size: 40px; font-family: 'Poppins';}
.adviceguidance_posts { margin-top: 3%;  margin-bottom: 3%;}
span.download_icons { margin-left: 1%;}
span.viewall_advice { font-size: 12px; float: right;  background: url('images/viewall_advice.png') no-repeat right center; padding-right: 20px; position: relative;  top: 40px;}
.viewall_advice a{color: #1388AE;}
.pregnancy_calculator{background: #E1E6E9; padding-top: 4%; text-align: center; padding-bottom: 4%;}
.pregnancy_heading h2 { font-size: 40px; font-weight: 600; }
.pregnancy_heading h5{font-weight: normal;}
.pregnancy_heading .startwith{font-weight: bold;}
.pregnancy_icons { display: flex; justify-content: center;  margin: 3% 0 1%;}
.pregnancy_icons .pregnancy_icons_oval {margin-right: 5%;}
.pregnancy_icons p { font-weight: 600;  font-family: 'Poppins';  font-size: 15px;  margin-top: 5%; }
.pregnancy_icons_oval .pregnancy_oval {padding: 60px; cursor: pointer; display: inline-block; background: url('images/pregnancy_oval.png') no-repeat center;}
.pregnancy_icons_oval .pregnancy_oval:hover {background: url('images/pregnancy_oval_hover.png') no-repeat center;}
.pregnancy_icons_heart .pregnancy_heart {padding: 60px; cursor: pointer; display: inline-block; background: url('images/pregnancy_heart.png') no-repeat center;}
.pregnancy_icons_heart .pregnancy_heart:hover { background: url('images/pregnancy_heart_hover.png') no-repeat center;}
.pregnancy_icons_oval p, .pregnancy_icons_heart p{margin: 0;}
.pregnancy_form_fields input, .pregnancy_form_fields select{background: #071C2E;}
.pregnancy_form_fields { display: inline-block;  margin: 3% 0 1%;}
.pregnancy-form-control {width: 100%;  display: inline-block;  margin-bottom: 5%;}
.pregnancy_form_fields input, .pregnancy_form_fields select, .pregnancy_form_fields input, .pregnancy_form_fields input::placeholder{background: #071C2E; color: #fff;}
.pregnancy_form_button button#calc_due_date {background: #A333A4; text-transform: capitalize; color: #fff; font-family: 'Poppins';  font-size: 20px; border-radius: 50px; padding: 1% 2%;  font-weight: 500;  border: none;}
.pregnancy_form_button button#calc_due_date:hover{background: #071C2E;}
.sharephotos_heading{text-align: center;}
footer .min-footer .col-right { margin-top: 2%; padding-top: 2%; border-top: 1px solid #979797; font-size: 12px;}
.header-clone .main-nav .menu > li > a:hover, .header-clone .main-nav .menu>li>a, .header-clone .search-button i, .main-header .search-button i{color: #fff;}
.header-clone .mobile-nav-icon .basel-burger, .main-header .mobile-nav-icon .basel-burger, .header-clone .mobile-nav-icon .basel-burger::after, .header-clone .mobile-nav-icon .basel-burger::before, .main-header .mobile-nav-icon .basel-burger::after, .main-header .mobile-nav-icon .basel-burger::before{background: #fff;}
.entry-header{position: relative;}

.single-post .blog-post-loop.post-single-page .entry-title{font-family: 'Poppins'; font-size: 32px;}
.single-post .single_morearticles {  color: #fff;  background: #071c2e;  padding: 3% 0 0; }
.single-post .single_morearticles .post-slide .entry-title a{font-family: 'Poppins'; font-weight: 600;}
.single-post .post-slide .entry-title a, .single-post .title.slider-title {  color: #fff; }
.single-post .single_morearticles .entry-meta, .single-post .single_morearticles .entry-content, .single-post .single_morearticles .slider-title:before, .blog .sidebar-container, .category .sidebar-container, .category .basel-entry-meta li.meta-tags, body:not(.category) .blog-filter, .search-results .sidebar-container{display: none;}
.single-post .single_morearticles .title.slider-title {  margin-bottom: 5%;  text-align: left; text-transform: capitalize;  font-size: 40px;}
.single-post .single_morearticles .owl-nav>div:before, div#basel-recent-posts-1 h5, div#basel-recent-posts-1 h5 a{color:#fff;}
.single-post .single_morearticles .post-slide .entry-thumbnail{margin-bottom: 10px;}
.single-post .single_morearticles .meta-post-categories{background: transparent; text-align: left;}
.single-post .single-post-social{margin-top: 40px;}
div#basel-recent-posts-1 {background: #071C2E; padding: 10% 5%; color: #fff; margin: 0 -5%;}
.blog-design-default.blog-post-loop .entry-title, .category .entry-content, .search-results article .entry-summary p{text-align: left; font-size: 15px;}
.blog-design-default.blog-post-loop ul.entry-meta-list { text-align: left; }
.category .site-content .blog-design-default.blog-post-loop, .blog .site-content .blog-design-default.blog-post-loop, .search-results .site-content .blog-design-default.blog-post-loop, .archive.author .blog-design-default.blog-post-loop {display: flex; flex-flow: wrap;}
.blog .blog-design-default.blog-post-loop .entry-header, .category .blog-design-default.blog-post-loop .entry-header, .search-results .blog-design-default.blog-post-loop .entry-header, body.archive.author .blog-design-default.blog-post-loop .entry-header{order: 1; width: 100%;}
.blog .blog-design-default.blog-post-loop .entry-title, .category .blog-design-default.blog-post-loop .entry-title, .search-results .blog-design-default.blog-post-loop .entry-title, .archive.author .blog-design-default.blog-post-loop .entry-title{order: 2;}
.blog .blog-design-default.blog-post-loop .entry-meta, .category .blog-design-default.blog-post-loop .entry-meta, .search-results .blog-design-default.blog-post-loop .entry-meta, .archive.author .blog-design-default.blog-post-loop .entry-meta{order: 3;}
.blog .blog-design-default.blog-post-loop .entry-content, .category .blog-design-default.blog-post-loop .entry-content, .search-results .blog-design-default.blog-post-loop .entry-summary, .archive.author .blog-design-default.blog-post-loop .entry-content{order: 4;}
body:not(.single-post) .blog-design-default.blog-post-loop {width: 25%; float: none; padding-left: 16px; vertical-align: top;}
.blog .main-page-wrapper .site-content, .category .main-page-wrapper .site-content, .search-results .main-page-wrapper .site-content{width: 100%; display: flex; flex-flow: wrap;}
body:not(.single-post) .blog-design-default .entry-thumbnail{margin-bottom: unset;}
.blog-post-loop .post-img-wrapp>a{margin: auto;}
.postimages{position: relative;  padding-bottom: calc(0.66 * 100%);  margin-bottom: 5%;    top: 0;    left: 0;    right: 0;    bottom: 0;    overflow: hidden;}
.postimages img{height: auto;  position: absolute;    top: calc(50% + 1px);    width: 100%;    left: calc(50% + 1px);    transform: scale(1.01) translate(-50%,-50%); }
.basel-pagination{display: inline-block;  width: 100%;}
.blog-filter {  display: -webkit-flex;    display: -ms-flexbox;    display: flex;    width: 100%;    -ms-flex-align: center;    -webkit-align-items: center;    -moz-align-items: center;   -ms-align-items: center;  -o-align-items: center; margin-bottom: 3%;  align-items: center;    -webkit-justify-content: center;    -ms-justify-content: center;    justify-content: center;}
.blog-filter label{font-size: 13px;  font-weight: 400; margin: 0 1rem 0 0; white-space: nowrap; cursor: pointer; text-transform: none;  line-height: calc(13px * 1.5);}
.blog-filter .select-group {  position: relative;    z-index: 2;}
.blog-post-loop.post-single-page .entry-thumbnail{margin-bottom: 5%;}
.single-post .basel-entry-meta li.modified-date{display:inline-block;}

.single-post .single_morearticles .owl-nav>div:before, div#basel-recent-posts-1 h5, div#basel-recent-posts-1 h5 a{color:#fff;}
div#basel-recent-posts-1 {background: #071C2E; padding: 10% 5%; color: #fff; margin: 0 -5%;}
div#tribe-events-list-widget-2{padding: 10% 5%; margin: 0 -5%;}
div#tribe-events-list-widget-2 p.tribe-events-widget-link{display: none;}
div#tribe-events-list-widget-2 .tribe-events-list-widget-events{border-left: 10px solid #F9C41C;}
div#custom_html-2{background: #F9C41C; padding: 10% 5%; color: #fff; margin: 0 -5%;}
div#custom_html-2 h5{color: #000; font-size: 25px;}
.formfields{position: relative;}
.formfields input{border:none;}
.formfields  input.signupbtn {position: absolute; right: 0; height: 40px; background: #071C2E; color: #fff;}
.sidebar-container .sidebar-inner .widget-title{font-size: 20px;}
.main-page-wrapper .site-content .entry-content a{text-decoration: underline; cursor: pointer;}
body.archive.author .main-page-wrapper .site-content{display: flex; flex-flow: wrap;}
body.archive.category .site-content .archive-meta{display:block; width:100%;}
@media (min-width: 1650px){
    .main-page-wrapper .container{   width: 1650px; }
}

@media (max-width: 1280px){
    .categrieslist_inner{overflow-y: scroll; margin-bottom: 5%;}
    ul#categrieslist_ul li{width: 100%;}
    ul#categrieslist_ul li a{width: 150px; margin-right: 15px;}
    #categrieslist_ul{margin-bottom: 3%;}
    .babynamesposts_img img{min-height: auto;}
}
@media only screen and (max-width: 1023px){
    body:not(.single-post) .blog-design-default.blog-post-loop{ width: 33.33%; }
    .main-page-wrapper .container{width: auto;}
}
@media (max-width: 767px){
    #posts_viewmore, .backtowebsitearrow,  span.viewall_advice{display: none;}
    .recent_postslist { margin-top: 10%; }
    .babynamesposts_img img{min-height: unset;}
    .babynames_posts div div:not(:first-child) .babynamesposts_img { margin-top: 5%; }
    #categrieslist_ul{margin-bottom: 5%;}
    .page-id-6495 .main-page-wrapper{padding-top: 0;}
    .recent_postslist .recentposts_title h3{font-size: 15px;}
    .featured_posts .recentposts_title h3{font-size: 25px;}
    .recentposts_cat_list{font-size: 10px;}
    .mainheading_title{font-size: 25px;}
    .main-header{padding-bottom: 5%;}
    .babynames_posts h2, .event_section h2, .adviceguidance_posts h3.adviceguidance_heading, .sharephotos_heading{font-size: 32px;}
    .adviceguidance_posts{margin-top: 5%; margin-bottom: 5%;}
    .event_section{padding-top: 5%; padding-bottom: 5%;}
    .page-id-6495 .wpb_image_grid .wpb_image_grid_ul .isotope-item{max-width: 48%;}
    body:not(.single-post) .blog-design-default.blog-post-loop {width: 100%;}
     .main-page-wrapper .container{width: auto; padding: 0 2%;}
    .blog-post-loop .entry-thumbnail{margin-bottom: 5%;}
	div#basel-recent-posts-1, div#custom_html-2, div#tribe-events-list-widget-2{margin:0 !important;}
	.offcanvas-sidebar-mobile .sidebar-container .widget-area{padding-top:0;}
}

@media (min-width: 1200px){
    .home .main-page-wrapper > .container { width: auto; }
    /*.home .main-page-wrapper .row .container { width: auto; margin: 0 10%; }*/
    .sticky-header .main-nav .menu>li>a{font-size: 12px; padding-left: 8px; padding-right: 8px;}
}