/*
Theme Name: Department of Agriculture
Theme URI:
Description: Custom Theme built for Department of Agriculture
Version: 1.0
Author: Eric Ocasiones
*/


/****************Insert Custom Syle Below*********************/

body{background-color: #F2F2F2;}
p{margin-bottom: 20px}
ul, ol{padding-bottom:20px}
.footer{margin-top: 10px;}
.header .logo img {margin: 15px 0; max-width: 500px; width: 100%;}
@media (max-width: 750px) {.header .logo img {padding-bottom: 10px;}}
.header .logo-rody {max-height: 74px !important;}

span.service_initial{font-size:20pt; font-weight:bold; line-height: 14px;}
font.visit{font-size:16pt;}
ol.list_type ul li{list-style-type: disc}
.post-wrap .post article h1{text-transform: none;}
.foundations .col article h1{font-size: 15px; padding-left: 15px;}
#rpwe_widget-2 .rpwe-block ul li a:hover{background: none !important;}
.slider {margin-bottom: unset;}
@media (max-width: 433px){.slider {display: none !important;}}
.logos .logos-bg {padding: 5px 0 0;}
.footer-icons img {max-width: 70px;}
.footer-bottom .footer-logo img {max-width: 40px;}

/**Secretaries Profile**/
@media (max-width: 380px){#wddfb {float: none; padding-top: 15px; padding-left: 0 !important;}}
@media (max-width: 380px){#wddpic {width: 100%;}}
@media (max-width: 380px){#wddname {font-size: 24px;}}

/**Sidebar Post Changer**/
.sidebar li.widget div.widget-cycle .title{height: 98px; overflow: hidden; text-overflow: ellipsis;}
.textwidget p{margin-bottom: 0;}

/**Buttons**/
.e-height .read-more{margin-top: -20px;}
.e-height p{margin-bottom: 0;}
.search-submit{box-shadow: unset !important;}
.sidebar li.widget .clippings-btn {float: right !important; margin: 20px 0 0;}
.sidebar li.widget .archive-btn {float: left !important; padding-left: 20px; padding-right: 20px;}


/**Widget**/
.video-container{margin: 0;}

/**Foundations Title**/
.foundations {margin-bottom: unset;}
.foundations .foundation-title{padding: 15px; background: white; border: unset !important; box-shadow: 0 2px 4px #dedede;}
.fndtns-title1 .fndtns-title2{box-sizing: border-box;}
.fndtns-title1 h1{font: 40pt ultra; margin: 0; line-height: 40px;}
.fndtns-title1 span{color: #095437 !important;}
.foundations .foundation-title .fndtns-title2 h1{font: 17pt Lato; margin: 0;}
@media(max-width: 767px){.fndtns-title1 h1{font-size: 32px; line-height: 32pt; margin-bottom: 5px;}}
@media(max-width: 767px){.fndtns-title2 span{font-size: 15pt; line-height: 16pt;}}
@media(min-width: 768px) and (max-width: 991px){.fndtns-title1 h1{font-size: 34pt; line-height: 38pt; margin-bottom: 5px;}}
@media(min-width: 768px) and (max-width: 991px){.fndtns-title2 span{font-size: 16pt; line-height: 16pt;}}
.foundations .col article p {padding: 0 15px;}
.foundations .col article {padding: 15px; max-height: 200px;}
.foundations .col article a {margin-bottom: 0;}
.paradigmfooter {margin-bottom: 25px;}

/**Container's Shadow**/
.sidebar li.widget{box-shadow: 3px 3px 3px #F1F1F1;}

/**Citizen's Charter SERVICE**/
.service .s_container{box-sizing:border-box; clear: left; display: inline-block; width: 100%}
.service .initial{width: 32px; font:30px Lato; font-weight: bold; padding: 5px 3px 5px 5px; float: left; text-align: center; box-sizing: border-box; line-height: 22px; display: block}
.service .s_content{line-height: 16px; padding: 6px 5px 5px 5px}
.service p{margin-bottom: 10px;}

/**Table Press**/
#tablepress-27 tr.row-5 td.column-4, #tablepress-27 tr.row-4 td.column-6, #tablepress-28 tr.row-4 td.column-4, #tablepress-28 tr.row-4 td.column-5, #tablepress-28 tr.row-4 td.column-6, #tablepress-29 tr.row-4 td.column-4, #tablepress-29 tr.row-4 td.column-5, #tablepress-29 tr.row-4 td.column-6{border-top:none; background-color:white}
.tablepress tfoot th, .tablepress thead th{text-align: center;}
.tablepress .odd td, .tablepress .even td {background-color: unset !important;}
table.dataTable > tbody > tr.child span.dtr-title {color: #5d8e23 !important;}
.table-wrap input[type="search"], select { width: unset !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {background-color: #106A37 !important;}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {background-color: #5d8e23 !important;}

/**NextGen Gallery**/
div.ngg-album-compact{margin-bottom: 50px !important; padding: 0 18px 0 18px !important;}
div.ngg-album-compact img{width: 120px;}
div.ngg-album-compact h4{font: 13px 'Lato', sans-serif;}
div.ngg-album-compact a{max-width: 138px !important; text-align: center; height: 40px !important;}
div.ngg-album-compact p{max-width: 138px !important; text-align: center; background: #DFD195;}
@media(max-width: 320px){div.ngg-album-compact img{width:80px; padding: 0 5px 0 5px;}}
@media(max-width: 320px){div.ngg-album-compact a{max-width:94px !important;}}
@media(max-width: 320px){div.ngg-album-compact p{max-width:94px !important;}}
@media(max-width: 320px){.content article{padding: 10px !important;}}
@media(min-width: 321px) and (max-width: 767px){div.ngg-album-compact img{width:90px; padding: 0 5px 0 5px;}}
@media(min-width: 321px) and (max-width: 767px){div.ngg-album-compact a{max-width:110px !important;}}
@media(min-width: 321px) and (max-width: 767px){div.ngg-album-compact p{max-width:110px !important;}}
@media(min-width: 321px) and (max-width: 767px){.content article{padding: 15px !important;}}

/**Video Archive**/
.vidarch iframe{width:300px; margin: 0 25px 25px 25px;}
.vidarch h4{width:300px; margin: 25px 25px 0 25px; background: #DFD195; padding: 5px 5px 5px 10px;}
.vidarch{float: left;}
@media(max-width: 360px){.vidarch iframe{margin: 0 0 25px 0;}}
@media(min-width: 361px) and (max-width: 980px){.vidarch iframe{width: 420px; margin: 0 0 25px 0;}}
@media(min-width: 361px) and (max-width: 980px){.vidarch h4{width: 420px; margin: 0;}}
@media(max-width: 360px){.vidarch h4{margin: 0;}}
@media(max-width: 320px){.vidarch h4{width: 280px;}}
@media(max-width: 320px){.vidarch iframe{width: 280px;}}

/**FS Contact Form**/
#fscf_submit_div1{text-align: right !important;}

/**Video Gallery**/
section #huge_it_videogallery{padding: 0 !important; margin-top: 20px !important; margin-bottom: 20px !important; background: none !important; box-shadow: none !important;}

/**Carousel**/
.carousel {margin-bottom: 10px !important}
.carousel h1 {text-align: center; font-size: 22px; font-weight: bold;}
.logos .logos-bg .col img {border: solid 1px #DBC881; background: #fff;}
h1.title {background: #efe1a4; color: #000; padding: 5px 0; letter-spacing: 1px;}
.carousel .owl-carousel {background: #fff; border-bottom: solid 2px #BCA95A;}
.carousel .owl-carousel .owl-nav div {color: #9B893E;}
.carousel .owl-carousel a figure figcaption {background: #EFE1A4CC; color: #000;}
.carousel .owl-carousel a:hover figure figcaption, .carousel .owl-carousel a:focus figure figcaption, .carousel .owl-carousel a:active figure figcaption {background: #EFE1A4E6; color: #000;}
.carousel .owl-carousel a figure {border: 2px solid #96822D;}

/**Transparency**/
.transparency .li {list-style-type: disc;}
.transparency {margin-left: 30px;}

/**Quick Links**/
.quicklinks {padding-left: 0;}
.quicklinks li{list-style-type: none; padding-bottom: 4px; padding-top: 4px;}
.quicklinks a{color: #fff; width: 100%;}
.quicklinks a:hover, .quicklinks a:focus, .quicklinks a:active {color: #E8D9A0;}

/**JS Support Ticket**/
#mceu_25 {display: none !important;}
#wp-jsticket_message-editor-tools {display: none !important;}
#mceu_33 {display: none;}
#ufield_18, #priorityid {height: 42px !important; width: 100% !important; background-size: 18px !important; background-position: right 10px center !important;}
div.js-ticket-form-btn-wrp {border-top: 2px solid #EEE0A4 !important;}
div.js-ticket-breadcrumb-wrp .breadcrumb li:first-child a, div.js-ticket-form-btn-wrp input.js-ticket-save-button, div.js-ticket-search-wrp div.js-ticket-form-wrp form.js-filter-form div.js-filter-button-wrp input.js-ticket-search-btn {background-color: #005622 !important;}
div.js-ticket-breadcrumb-wrp .breadcrumb li:first-child a::after {border-left-color: #005622 !important;}
div.jsst-main-up-wrapper a {color: #fff !important;}
div#jsst-header, div.js-ticket-sorting span.js-ticket-sorting-link a.selected, div.js-ticket-sorting span.js-ticket-sorting-link a:hover {background-color: #e2d49a !important; color: #005622 !important;}
#jsst-header-heading a {color: #055c39 !important; font-variant-caps: all-petite-caps !important; font-weight: bold !important;}

/**Nav Menu**/
#text-32, #text-33, #text-34 {background: unset; padding: 2px; border: unset; margin-bottom: 15px;}
.sidebar li.widget ul li a:hover {background: #FBF2D2 !important;}
#nav_menu-2, #nav_menu-3 {background: url(https://www.da.gov.ph/wp-content/uploads/2019/04/sidebar_bg.jpg); background-position-y: 50% !important;}
#nav_menu-2 ul li a, #nav_menu-3 ul li a {font-weight: bold !important; color: #07381c; padding-left: 12px;}
#nav_menu-2 ul li a:hover, #nav_menu-3 ul li a:hover, #nav_menu-2 ul li a:active, #nav_menu-3 ul li a:active {color:#07381c !important; background: #EADBA1 !important;}
#nav_menu-2 ul, #nav_menu-3 ul {border: solid 1px #B9A145;}

@media (max-width: 460px) {img#swdd-pic {width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}}

/**History**/
#attachment_22117, #attachment_22144, #attachment_22171, #attachment_22222 {margin-left: 15px; margin-top: 5px;}
#attachment_22135, #attachment_22174, #attachment_22196 {margin-right: 15px; margin-top: 5px;}
#caption-attachment-22117, #caption-attachment-22135, #caption-attachment-22144, #caption-attachment-22171, #caption-attachment-22174, #caption-attachment-22222, #caption-attachment-22196 {text-align: center; margin-top: 5px; font-size: 13px; color: #555d66;}
@media (min-width: 600px) {#attachment_22117, #attachment_22144, #attachment_22171, #attachment_22222, #attachment_22135, #attachment_22174, #attachment_22196 {width: 160px !important;}}
@media (max-width: 599px) {#attachment_22117, #attachment_22144, #attachment_22171, #attachment_22222, #attachment_22135, #attachment_22174, #attachment_22196 {width: 100% !important;}}
@media (min-width: 600px) {img#histimg {max-width: 150px;}}
@media (max-width: 599px) {img#histimg {width: 100% !important;}}
@media (max-width: 599px) {img#histimgwdd {width: 100% !important;}}

/**Easy Accordion**/
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {padding: 10px 15px !important; font-size: 18px !important; font-weight: bold; color: #1f6025 !important;}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {padding: 30px 20px !important;}
.sp-ea-one.sp-easy-accordion h2 {color:#1f6025 !important;}
.sp-ea-one.sp-easy-accordion h3 {color:#905F0C !important;}

/**COVID-19 Task Force**/
.tab-content .covid19-header {background: #FFDD2C; width: 100%; min-height: 70px; border-radius: 50px; margin-top: 10px; box-shadow: 0 2px 3px #a7aa9e;}
.tab-content .covid19-header h1 {padding: 15px; margin-top: 10px; color: #000; font: bold 34px lato; text-align: center; margin-bottom: unset;}
.tab-content .covid19-link {min-height: 50px; border-radius: 50px; margin-top: 20px; margin-bottom: -40px; position: relative; border: solid 1px #fff; box-shadow: 0 2px 3px #858a78;}
.tab-content .covid19-link h2 {padding: 10px 20px; text-align: center; font: 24px lato; color: #fff; margin-bottom: unset;}
.infographics img {height: 250px; width: 100%; width: 225px;}
.infographics h4 {margin-bottom: 40px;}

@media (max-width: 768px) {
	.tabs .tab-content {
		padding: 0 15px 30px 15px;
	}
}
@media (max-width: 1199px) and (min-width: 701px) {
	.tab-content .covid19-header h1 {
		font-size: 30px !important;
	}
}
@media (max-width: 700px) and (min-width: 450px) {
	.tab-content .covid19-header h1 {
		font-size: 26px !important;
	}
}
@media (max-width: 449px) {
	.tab-content .covid19-header h1 {
		font-size: 22px !important;
	}
}
@media (max-width: 500px) {
	.tab-content .covid19-link h2 {
		font-size: 20px;
	}
}

/**FB Share**/
.shared-counts-wrap.style-bar a:last-of-type {border-radius: unset !important;}