/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

a.delete_single_post {
    background-color: #191D19;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 100px;
    color: #ffffff;
}
a.edit_single_post {
    background-color: #191D19;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 100px;
    color: #ffffff;
}
#update_single_post form.single_ajax textarea {
    width: 100%;
    height: 150px;
}
.edit_single_bbokmark {
    display: inline-block;
    width: 100px !important;
    margin: 0px !important;
}
.delete_single_bbokmark {
    display: inline-block;
    width: 100px !important;
}
section.drs_bookmark_section ul.drs_bookmark_lists {
    margin: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 2.6%;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item {
    width: 23%;
    margin-bottom: 2.6%;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    border-radius: 3px;
    border: 0 solid #818a91;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card a.drs_bookmark_thumbnail_link {
    margin-bottom: 20px;
    position: relative;
    display: block;
    width: 100%;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card a.drs_bookmark_thumbnail_link:after {
    display: block;
    content: "";
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.35) 0,transparent 75%);
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.35)),color-stop(75%,transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0px;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card a.drs_bookmark_thumbnail_link .drs_bookmark_thumbnail img.attachment-medium {
	height: 170px;
	width: 100%;
	object-fit: cover;
	border-radius: 3px 3px 0px 0px;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_text {
    margin-top: 20px;
    padding: 0 30px;
    margin-bottom: 0;
    width: 100%;
    height: 170px;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_text h3.drs_bookmark_title {
    font-size: 21px;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_text h3.drs_bookmark_title a {
    color: #1e2132;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_meta_data {
    padding: 15px 30px;
    margin-bottom: 0;
    border-top: 1px solid #eaeaea;
    display: block;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_meta_data span.drs_bookmark_date {
    color: #9b9c9f;
    font-size: 12px;
    line-height: 1.3em;
}
section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_meta_data a {
    float: left;
}
.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}
#update_post textarea#yournotes {
    width: 100% !important;
    height: 150px !important;
}
.delete_row {
    display: flex;
    margin-bottom: 15px;
}
.delete_row .delete_col {
    margin-right: 05px;
}
.success_msg {
    color: green;
    margin-top: 15px;
}
#update_post input#post_title {
    width: 100%;
}

@media screen and (max-width: 1120px) {
	section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_text {		
		height: 210px;
	}
}
@media screen and (max-width: 1024px) {
	section.drs_bookmark_section ul.drs_bookmark_lists {
		gap: 3.6%;
	}
	section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item {
		width: 48%;
	}
	section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_text {
		height: 100px;
	}
}
@media screen and (max-width: 767px) {
	section.drs_bookmark_section ul.drs_bookmark_lists {
		gap: 0;
		display: block;
	}
	section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item {
		width: 100%;
		margin-bottom: 20px;
	}
	section.drs_bookmark_section ul.drs_bookmark_lists li.drs_bookmark_item .drs_bookmark_card .drs_bookmark_text {
		height: auto;
	}
}