/*
Theme Name: Drilling For Gas
Theme URI:
Author: ISQ
Author URI:
Description:
Version: 2025
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --body-color: #22262a;
    --cassiopeia-color-primary: #f8bb19;
    --cassiopeia-color-link: #0c10ed;
    --cassiopeia-color-hover: #4c545e;
}
/* System */
*{box-sizing: border-box;}
body{margin: 0; line-height: 1.5; font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; font-size: 1rem; color: var(--body-color); }
img { max-width: 100%; }
a{ text-decoration: none; color: var(--cassiopeia-color-link); }
a:focus, a:hover { color: var(--cassiopeia-color-hover); }
p { margin-bottom: 1rem; margin-top: 0; }
dl, ol, ul { margin-bottom: 1rem; margin-top: 0; }
ol, ul { padding-left: 2rem; }
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; margin-top:0; }
h1 { font-size: 1.875rem; }
h2 { font-size: 1.571rem; }
h3 { font-size: 1.286rem; }
h4 { font-size: 1.111rem; }
h5 { font-size: 1.05rem; }
h6 { font-size: 1rem; }
table { border-collapse: collapse; caption-side: bottom; }
table th, table td { padding: 7px 12px; text-align: left; }
table td p { margin: 0; text-align: left; }
p, li, ul, td, table { font-size: 1rem; }
footer { display: none; }
div#comments { display: none; }


/* Header */
header{ background: url(https://www.drillingforgas.com/); box-shadow: inset 0 0 0 5000px rgba(15, 102, 50, 1); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: top, 50%; padding: 0 2em 0.5em; }
header #branding { padding: .5em 0; white-space: nowrap; }
header #branding a { color: #fff; display: inline-block; font-size: 2rem; margin-inline-end: auto; position: relative; }
header .menu-serach-wraper { padding: .5em 0; display: flex; align-items: center; justify-content: space-between; margin-top: .5em; }
header .menu-serach-wraper ul.menu { list-style: none; padding: 0; margin: 0; display: inline-flex; flex-wrap: wrap; }
header .menu-serach-wraper ul.menu li { position: relative; padding: 15px; }
header .menu-serach-wraper ul.menu li a { color: #fff; display: flex; align-items: center; position: relative; }
header .menu-serach-wraper ul.menu > li > a:before { background: transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; margin: auto; opacity: .2; position: absolute; right: 50%; -webkit-transition: all .2s ease,background-color .2s ease; -o-transition: all .2s ease,background-color .2s ease; transition: all .2s ease,background-color .2s ease; }
header .menu-serach-wraper ul.menu > li.open > a:before, 
header .menu-serach-wraper ul.menu > li.current-menu-item > a:before, 
header .menu-serach-wraper ul.menu > li.current-menu-parent > a:before{ background: #f8bb19; opacity: 1; left: 0; right: 0; }
header .menu-serach-wraper ul.menu li.menu-item-has-children > a:after { -webkit-margin-start: .5em; border-left: .5em solid transparent; border-right: .5em solid transparent; border-top: .5em solid; content: ""; height: 0; margin-inline-start: .5em; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 0; }
header .menu-serach-wraper ul.menu li.menu-item-has-children.open > a:after { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }
header .menu-serach-wraper ul.menu ul.sub-menu{ flex-direction: column; left: 0; min-width: 15rem; background: #fff; box-shadow: 0 0 .5em rgba(0, 0, 0, .1); display: none; list-style: none; padding: 0; position: absolute; top: 100%; z-index: 1001; background-color: #fff; border-radius: 0.5em; }
/* header .menu-serach-wraper ul.menu li:hover ul.sub-menu{ display: flex; } */
header .menu-serach-wraper ul.menu ul.sub-menu li a { color: var(--cassiopeia-color-link); }
header .search-form input.search-submit { display: none; }
header .search-form input.search-field { height: 35px; font-size: 1rem; line-height: 1; font-family: 'Roboto'; padding: 5px 10px; outline: 0; border: 0; }
header .menu-button{display: none;}

/* Globle Pages */
main#content { display: flex; padding:3em 2em; gap: 0 3em; }
.sidebar{width: 23.697%;}
.sidebar .widget-area{display: flex; flex-direction: column; gap: 1em;}
.sidebar .widget_block { padding: 15px; border-radius: 0.5em ! Important; background-color: #fff; border: 1px solid #dfe3e7;}
.sidebar aside ul { padding: 1em; list-style: none; }
.sidebar aside ul li{ padding: .25em 0; }
.sidebar aside ul li a{line-height: 1.5;}
.sidebar-title{ background-color: rgba(15, 102, 50, 1); border-bottom: 1px solid #dfe3e7; margin-bottom: 0; padding: .5rem 1rem; color: #ffffff; border-radius: 0.5em; }
.content-right-side{width: calc(100% - 23.697% - 3em);}
.content-right-side .breadcrumb-container.theme5{margin: 0.5rem 0 2.5rem;}
.content-right-side .breadcrumb-container.theme5 ol { display: inline-flex; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; }
.content-right-side .breadcrumb-container.theme5 li { display: inline-flex; margin: 0; padding: 0; align-items: center; }
.content-right-side .breadcrumb-container.theme5 .separator { display: inline-block; }
.content-right-side .breadcrumb-container.theme5 a { display: inline-block; font-size: 1rem; margin: 0; height: auto; padding: 0; position: relative; color: var(--cassiopeia-color-link); }
.content-right-side .breadcrumb-container.theme5 .separator { color: #6d757e; padding: 0 0.5em; font-size: 1rem; vertical-align: middle; }
.content-right-side .breadcrumb-container.theme5 li:first-child{padding-right: 0.5em;}
.content-right-side .breadcrumb-container.theme5 li:first-child .separator, .content-right-side .breadcrumb-container.theme5 li:last-child .separator{ display: none; }
.content-right-side .breadcrumb-container.theme5 li:first-child a, .content-right-side .breadcrumb-container.theme5 li:last-child a { color: #484f56; pointer-events: none; }

/* Page List */
.page-post-list { margin-bottom: 1rem; vertical-align: top; width: 100%; border-top: 2px solid #22262a; background: #fff; list-style: none; padding: 0; }
.page-post-list li{ font-size: 1rem; padding: .5rem; border:1px solid #dfe3e7; border-top: 0; font-weight: 500;}
.page-post-list li:hover{background: rgba(0,0,0,.075);}
.page-post-list li:nth-child(even){ background-color: hsla(0,0%,50%,.071); }
.page-post-list li:hover:nth-child(even){background: rgba(0,0,0,.05);}

/* Home Page */
.page-home-list { display: grid; grid-auto-flow: row; grid-template-columns: 1fr; gap: 1em; margin: 0px 0px 1em; }
.page-home-list .intro-item + .intro-item { margin-top: 30px; }
.page-home-list .read-more { margin: 0 0 1rem; }
.page-home-list .read-more .read-more-btn { color: #353b41; background-color: #ffffff; border: 1px solid #ced4da; cursor: pointer; display: inline-flex; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: .6rem 1rem; text-align: center; user-select: none; vertical-align: middle; border-radius: 0.5rem; align-items: center; justify-content: center; gap: 6px; }
.page-home-list .read-more .read-more-btn .icon-chevron-right{position: relative; width: 10px; height: 10px;}
.page-home-list .read-more .read-more-btn .icon-chevron-right:after { content: ''; padding: 3.5px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; box-sizing: border-box; vertical-align: middle; line-height: 1; float: left; transform: rotate(45deg); transform-origin: center; position: relative; top: 0;}

/* Search List */
.search .entry-title{ margin: 0 0 30px; }
.Search-list-wrap { display: flex; flex-direction: column;}
.Search-list-wrap article{ border-bottom: 1px solid #eee; padding: 1rem 0; }
.Search-list-wrap article p{margin: 1rem 0; }
.Search-list-wrap article h2{margin: 0; }
.not-found .entry-content { padding: 1rem; background: #f5f5f5; }
.not-found .entry-content .search-form{display: flex;}
.not-found .entry-content input.search-field { height: 35px; border: 1px solid #ddd; padding: 5px 10px; width: 100%; font-size: 1rem; font-family: "Roboto", sans-serif; }
.not-found .entry-content input.search-submit { background: #0f6632; border: 0; color: #fff; font-size: 1rem; font-family: "Roboto", sans-serif; padding: 0 10px; }

@media(max-width:1650px){
    header .menu-serach-wraper ul.menu > li{ padding: 15px 9px; }
}
@media(max-width:1500px){
    header .menu-serach-wraper ul.menu > li { padding: 8px 5px; }
    header .menu-serach-wraper ul.menu li a{font-size: 14px;}
}
@media(max-width:1280px){
    header .menu-serach-wraper ul.menu > li { padding: 6px; }
    header .menu-serach-wraper ul.menu li a { font-size: 12px; }
    header .search-form input.search-field{width: 180px;}
}
@media(max-width:1150px){
    /* Header */
    header { padding: 0 1.5em; }
    header .menu-serach-wraper { padding: .5em 0 1em; position: relative; }
    header nav#menu { display: none; position: absolute; left: -1.5em; top: 100%; background: #0f6632; z-index: 1111111; right: -1.5em; border-top: 1px solid #57856a; }
    header .menu-button { height: 30px; width: 35px; position: relative; display: block; border: 2px solid #fff; border-radius: 5px; }
    header .menu-button:after { content: ''; height: 10px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; left: 0; top: 50%; right: 0; margin: auto; transform: translateY(-50%); }
    header .menu-button:before { content: ''; position: absolute; height: 2px; width: 20px; background: #fff; top: 50%; transform: translateY(-50%); right: 0; left: 0; margin: auto; }
    header .menu-serach-wraper ul.menu li { width: 100%; padding: 15px; }
    header .menu-serach-wraper ul.menu > li > a:before{display: none;}
    header .menu-serach-wraper ul.menu li a { width: 100%; justify-content: space-between; font-size: 1rem; }
    header .menu-serach-wraper ul.menu ul.sub-menu { position: initial; background: #ffffff29; margin: 5px 0 0; padding: 10px 0; border-radius: 0; box-shadow: none; }
    header .menu-serach-wraper ul.menu li { position: relative; padding: 0.8em 1.5em; }
    header .menu-serach-wraper ul.menu ul.sub-menu li a { color: #fff; }
    header .menu-button.active:after { transform: translateY(-50%) rotate(45deg); border-bottom: 0; margin-top: 3px; left: -7px; }
    header .menu-button.active:before { transform: translateY(-50%) rotate(-45deg); margin-top: -1px; }

    /* Globle Pages */
    main#content { flex-direction: column-reverse; padding:2em 1.5em; }
    .sidebar{width: 100%;}
    .content-right-side { width: 100%; }
    .content-right-side .breadcrumb-container.theme5 { margin-bottom:2rem; }

}

/* 6-10-25 */
.custom-search form { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; gap: 20px 40px; flex-wrap: wrap; align-items: center;}
.custom-search form input[type="text"], .custom-search form select { height: 40px; border: 1px solid #ddd; padding: 5px 10px; min-width: 200px; }
.custom-search form button { background: #0f6632; color: #fff; height: 40px; border: 0; outline: 0; font-size: 16px; font-weight: 500; padding: 0 20px; cursor: pointer; }
.custom-search form .wrap-ser-custom { display: flex; }
.custom-search form .radio-btn-cust { font-weight: 500; }

.header-top-ads-sec, .header-bottom-ads-sec { text-align: center; padding-top: 10px; }