/*Saerch Page*/

body.site-body.archive{background: #fff;}

.parenting-tips-header{padding: 70px 0 40px 0; display:flex; flex-direction: column; gap:30px; position: relative; width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%; margin-left: -50vw; 
	margin-right: -50vw; overflow: hidden;}
.parenting-tips-header::before{content: ""; height:1800px; width: 1800px; background: #f0f8fa; border-radius: 100%; position: absolute; top: -1425px; left: calc(50%);
	transform: translateX(-50%); z-index: -1;}
.parenting-tips-header > div{}
.parenting-tips-header > div > div:first-child{text-align: center; width: 100%;}

.parenting-tips-search-bar{background: #BE0177; border: 1px solid #8E055B; padding: 30px 50px; border-radius: 5px;}
.parenting-tips-search-bar form{display: flex; gap:20px; align-content: center; width: 100%;}
.parenting-tips-search-bar form > div{width: calc(50% - 10px); display: flex; flex-direction: column; gap:5px;}
.parenting-tips-search-bar form > div > div{width: 100%; display: flex; align-content: center;}
.parenting-tips-search-bar label{color: #fff; padding: 0; margin: 0;}
.parenting-tips-search-bar input{height: 60px; width: calc(100% - 60px); padding: 0 15px; border-radius: 5px 0 0 5px; border: 0; outline: none;}
.parenting-tips-search-bar input::placeholder{color: inherit; font-style: italic;}
.parenting-tips-search-bar button{height: 60px; width: 60px; background: url(../images/search.svg) center no-repeat #097C93; border: 0; outline: none; padding: 0;
	border-radius: 0 5px 5px 0;}

.parenting-tips-search-bar select{height: 60px; border-radius: 5px; text-indent: 15px;}

.tips-list{display: flex; gap:10px; row-gap:20px; flex-wrap: wrap;}

.tips-pagination{display: flex; margin: 20px 0;}
.tips-pagination ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap:15px; justify-content: center; width: 100%;}
.tips-pagination ul li{list-style: none; padding: 0; margin: 0;}
.tips-pagination ul li a{color: #000; font-size: 1rem;}
.tips-pagination ul li span.current{color: #BE0177; font-size: 1.125rem}

/*Block*/
.parenting-tip{width: calc(50% - 5px); border: 1px solid #E8E8E8;  box-shadow: 0px 0px 6px #00000015; font-family: var(--secondary-font);}
.parenting-tip > a{display: flex; align-items: center; gap:10px; padding: 35px 15px;}
.parenting-tip > a:hover{text-decoration: none;}
.parenting-tip .tip-thumbnail{width: 200px; height: 200px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.parenting-tip .tip-thumbnail a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.parenting-tip .pt-info{display: flex; flex-direction: column; gap:10px; width: 100%;}
.parenting-tip .pt-title{margin: 0; color: #0D3E48; font-weight: 600;}
.parenting-tip .pt-excerpt{max-height: 70px; overflow: hidden;}
.parenting-tip .pt-excerpt p{padding: 0; color: #0D3E48;}
.parenting-tip .pt-footer{display: flex; align-items: center; justify-content: space-between;}
.parenting-tip .pt-footer span{color: #0D3E48; display: flex; align-items: center; gap:6px; font-weight:600;}
.parenting-tip .pt-footer span::after{content: ""; height: 7px ; width: 7px; transform: rotate(45deg); border: solid #097C93; border-width: 2px 2px 0 0;}
.parenting-tip .pt-category{color: #fff; font-size: 0.75rem; background: #8EB84A; border-radius: 20px; padding: 13px 20px; position: relative; z-index: 10;}

/*Details Page*/
body.site-body.single{background: #fff;}

.single-parenting-tip-header{position: relative; height: 340px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px;
	display: flex; flex-direction: column; justify-content: center; gap:10px; padding: 50px; overflow: hidden; margin: 20px 0;}
.single-parenting-tip-header::before{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .6); z-index: 1;}
.parenting-tip-top{display: flex; align-items: center; gap:10px; z-index: 100; position: relative;}
.parenting-tip-categories{padding-right: 10px; display: flex; flex-wrap: wrap; gap:10px; align-content: center; border-right: 1px solid #ffff;}
.parenting-tip-categories a{color: #fff;}
.parenting-tip-categories a:hover{color: #fff;}
.parenting-tip-date{color: #fff;}
.parenting-tip-title{position: relative; z-index: 100; color: #fff; margin: 0;}

.parenting-tip-body{width: 100%; display: flex; gap:30px;}
.parenting-tip-content{width: 75%;}

/*Sidebar*/
.parenting-tip-sidebar{width: 25%; display: flex; flex-direction: column; gap:10px;}
.parenting-tip-sidebar > span{color:#2A4E53; font-family: var(--secondary-font); font-weight: 600;}
.related-tips{display: flex; flex-direction: column; border-top: 1px solid #D6D6D6;}
.related-tip-item{padding: 15px 0; border-bottom: 1px solid #D6D6D6;}
.related-tip-item a{display: flex; gap:10px; align-items:center;}
.related-tip-thumb{height: 90px; width: 90px; flex-shrink: 0;}
.related-tip-info{display: flex; flex-direction: column; gap:10px;}
.related-tip-info .related-tip-title{color: #0D3E48; font-weight: 500;}
.related-tip-info span{font-weight: 600; color: #2291A3;}
.parenting-tip-sidebar .more-tips{color: #fff; background: #097C93; width: 100%; padding: 15px 0; font-weight: 600; text-align: center; font-size: 1rem;}


@media (min-width:992px) and (max-width:1599px) {
	/*Block*/
	.parenting-tip .tip-thumbnail{height: 150px; width: 150px;}
	.parenting-tip .pt-category{padding: 10px 15px;}
	.parenting-tip .pt-title{font-size: 1rem;}
	.parenting-tip .pt-excerpt{height: 60px;}
	.parenting-tip .pt-excerpt *{font-size: 0.875rem;}
	.parenting-tip .pt-footer span{font-size: 0.875rem;}
}

@media (max-width:991px) {

	/*Search page*/
	.parenting-tips-search-bar{padding: 15px;}
	.parenting-tips-search-bar form{flex-direction: column; gap:10px;}
	.parenting-tips-search-bar form > div{width: 100%;}
	.parenting-tips-search-bar input{height: 50px; width: calc(100% - 50px);}
	.parenting-tips-search-bar button{height: 50px; width: 50px;}
	.parenting-tips-search-bar select{height: 50px;}

	/*Block*/
	.parenting-tip{width: 100%;}
	.parenting-tip > a{flex-direction: column; padding: 10px 10px 15px 10px;}
	.parenting-tip .pt-info{align-items: flex-start;}
	.parenting-tip .tip-thumbnail{height: 275px; width: 100%;}
	.parenting-tip .pt-category{padding: 10px 15px;}
	.parenting-tip .pt-title{font-size: 1rem;}
	.parenting-tip .pt-excerpt{height: 60px;}
	.parenting-tip .pt-excerpt *{font-size: 0.875rem;}
	.parenting-tip .pt-footer span{font-size: 0.875rem;}

	/*Details*/
	.single-parenting-tip-header{height: 290px; padding: 15px;}
	.parenting-tip-categories a, .parenting-tip-date{font-size: 0.813rem;}
	.parenting-tip-title{font-size: 1.5rem;}
	.parenting-tip-body{flex-direction: column;}
	.parenting-tip-content, .parenting-tip-sidebar{width: 100%;}
	.parenting-tip-content *{font-size: 0.875rem;}
}