/* =====================================================
   STDI Premium Theme
   Journal of Sustainable Tourism and Destination Innovation
   Navy & Gold Edition
   Scientific Innovation Research Group (SIRG)
=====================================================*/

/*=====================================================
ROOT COLORS
=====================================================*/

:root{

--primary:#0B2E78;
--primary-light:#1B4FA8;
--secondary:#4F8FD9;

--gold:#C99A2E;
--gold-light:#E7C46B;

--background:#FAF8F4;
--background-light:#FFFFFF;

--border:#E6DED1;

--text:#263238;
--text-light:#607D8B;

--shadow:0 10px 28px rgba(11,46,120,.10);

}

/*=====================================================
BASE
=====================================================*/

body{

font-family:'Roboto',system-ui,-apple-system,sans-serif;

font-size:16px;

line-height:1.8;

color:var(--text);

background:var(--background);

-webkit-font-smoothing:antialiased;

}

/*=====================================================
HEADINGS
=====================================================*/

h1,h2,h3,h4,h5,h6,
.pkp_page_title,
.obj_article_summary .title a{

font-family:'Poppins',sans-serif!important;

font-weight:600;

color:var(--primary);

letter-spacing:.3px;

}

/*=====================================================
HEADER
=====================================================*/

.pkp_structure_head{

background:

linear-gradient(
135deg,
#0B2E78 0%,
#18438F 60%,
#0B2E78 100%);

color:#fff;

box-shadow:0 5px 18px rgba(0,0,0,.18);

}

/*=====================================================
SITE TITLE
=====================================================*/

.pkp_site_name .is_text{

font-family:'Poppins',sans-serif!important;

font-size:32px;

font-weight:700;

letter-spacing:.5px;

color:#ffffff;

text-shadow:

0 2px 8px rgba(0,0,0,.15);

}

/*=====================================================
PRIMARY NAVIGATION
=====================================================*/

.pkp_navigation_primary>li>a{

font-family:'Poppins',sans-serif;

font-weight:500;

font-size:15px;

color:#ffffff;

transition:.25s;

}

.pkp_navigation_primary>li>a:hover{

color:var(--gold);

}

/*=====================================================
DROPDOWN
=====================================================*/

.pkp_navigation_primary ul{

border-radius:10px;

box-shadow:var(--shadow);

}

.pkp_navigation_primary ul a:hover{

background:#F7F3EA;

color:var(--primary);

}

/*=====================================================
PAGE TITLES
=====================================================*/

.pkp_page_title{

font-size:30px;

margin-bottom:22px;

color:var(--primary);

}

/*=====================================================
ARTICLE CARDS
=====================================================*/

.obj_article_summary{

background:#fff;

border:1px solid var(--border);

border-left:5px solid var(--gold);

border-radius:16px;

padding:24px;

margin-bottom:24px;

transition:.25s;

box-shadow:

0 5px 15px rgba(0,0,0,.04);

}

.obj_article_summary:hover{

transform:translateY(-5px);

box-shadow:

0 18px 35px rgba(11,46,120,.10);

border-left-color:var(--primary);

}

/*=====================================================
ARTICLE TITLES
=====================================================*/

.obj_article_summary .title a{

color:var(--primary);

}

.obj_article_summary .title a:hover{

color:var(--gold);

}

/*=====================================================
ARTICLE META
=====================================================*/

.obj_article_summary .meta{

font-size:15px;

color:#6B7280;

}

/*=====================================================
ARTICLE DETAILS
=====================================================*/

.obj_article_details{

font-size:16px;

line-height:1.8;

}

.obj_article_details .item .label{

font-family:'Poppins',sans-serif;

font-weight:600;

color:var(--primary);

}

/*=====================================================
BUTTONS
=====================================================*/

button,
.pkp_button,
.cmp_button,
input[type=submit]{

background:var(--primary);

border:none;

border-radius:8px;

color:#fff;

padding:10px 18px;

font-family:'Poppins',sans-serif;

transition:.25s;

cursor:pointer;

}

button:hover,
.pkp_button:hover,
.cmp_button:hover,
input[type=submit]:hover{

background:var(--gold);

color:#fff;

transform:translateY(-2px);

}

/*=====================================================
LINKS
=====================================================*/

a{

color:var(--primary);

transition:.25s;

text-decoration:none;

}

a:hover{

color:var(--gold);

}

/*=====================================================
BLOCKS
=====================================================*/

.pkp_block{

background:#fff;

border-radius:12px;

border:1px solid var(--border);

padding:14px;

margin-bottom:22px;

box-shadow:

0 5px 15px rgba(0,0,0,.03);

}

.pkp_block .title{

font-family:'Poppins',sans-serif;

font-weight:600;

color:var(--primary);

padding-bottom:10px;

border-bottom:2px solid var(--gold-light);

margin-bottom:12px;

}

/*=====================================================
SIDEBAR LINKS
=====================================================*/

.pkp_block a{

color:var(--text);

}

.pkp_block a:hover{

color:var(--primary);

padding-left:5px;

transition:.2s;

}
/*=====================================================
TABLES
=====================================================*/

table{

width:100%;

border-collapse:collapse;

margin:20px 0;

background:#fff;

}

table th{

background:var(--primary);

color:#fff;

padding:12px;

font-family:'Poppins',sans-serif;

font-weight:600;

}

table td{

padding:12px;

border:1px solid var(--border);

}

table tr:nth-child(even){

background:#FBF9F5;

}

table tr:hover{

background:#F6F1E8;

}

/*=====================================================
FORMS
=====================================================*/

input,
textarea,
select{

width:100%;

padding:10px 12px;

border:1px solid var(--border);

border-radius:8px;

background:#fff;

transition:.25s;

}

input:focus,
textarea:focus,
select:focus{

outline:none;

border-color:var(--gold);

box-shadow:0 0 10px rgba(201,154,46,.20);

}

/*=====================================================
SEARCH
=====================================================*/

.pkp_search input{

border-radius:30px;

padding:12px 18px;

}

/*=====================================================
BREADCRUMB
=====================================================*/

.cmp_breadcrumbs{

background:#F8F4EC;

border-radius:10px;

padding:12px 18px;

margin-bottom:25px;

}

.cmp_breadcrumbs a{

color:var(--primary);

font-weight:500;

}

/*=====================================================
CURRENT ISSUE
=====================================================*/

.current_issue{

background:#fff;

border-left:5px solid var(--gold);

padding:25px;

border-radius:16px;

box-shadow:var(--shadow);

}

/*=====================================================
ISSUE COVER
=====================================================*/

.current_issue .cover img{

border-radius:10px;

box-shadow:

0 10px 25px rgba(0,0,0,.12);

}

/*=====================================================
ARCHIVES
=====================================================*/

.obj_issue_summary{

background:#fff;

border:1px solid var(--border);

border-left:5px solid var(--gold);

border-radius:14px;

padding:18px;

margin-bottom:20px;

transition:.25s;

}

.obj_issue_summary:hover{

transform:translateY(-4px);

box-shadow:var(--shadow);

}

/*=====================================================
EDITORIAL BOARD
=====================================================*/

.page_editorial_team .item,

.page_about .item{

background:#fff;

border-radius:14px;

padding:18px;

border:1px solid var(--border);

margin-bottom:18px;

box-shadow:

0 5px 15px rgba(0,0,0,.03);

}

/*=====================================================
ANNOUNCEMENTS
=====================================================*/

.obj_announcement_summary{

background:#fff;

border-left:5px solid var(--gold);

padding:20px;

border-radius:14px;

margin-bottom:20px;

}

/*=====================================================
FOOTER
=====================================================*/

.pkp_structure_footer_wrapper{

background:#F8F4EC;

border-top:4px solid var(--gold);

padding:35px 0;

font-size:14px;

color:#5C6670;

}

.pkp_structure_footer_wrapper a{

color:var(--primary);

}

.pkp_structure_footer_wrapper a:hover{

color:var(--gold);

}

/*=====================================================
REFERENCES
=====================================================*/

.references h2,
.references h3,
.cmp_article_references h2{

color:var(--primary);

font-weight:700;

}

.references li{

margin-bottom:10px;

line-height:1.8;

}

.references,
.ref-list,
.item.references,
.article-references,
.cmp_article_references{

display:block!important;

visibility:visible!important;

opacity:1!important;

height:auto!important;

}

/*=====================================================
ARABIC
=====================================================*/

html[lang="ar"] body{

font-family:'Cairo',sans-serif!important;

}

/*=====================================================
SMOOTH EFFECTS
=====================================================*/

a,
button,
.pkp_button,
.cmp_button,
.obj_article_summary,
.obj_issue_summary,
.pkp_block{

transition:all .25s ease;

}

/*=====================================================
RESPONSIVE
=====================================================*/

@media(max-width:991px){

.pkp_site_name .is_text{

font-size:26px;

}

.obj_article_summary{

padding:18px;

}

table{

display:block;

overflow-x:auto;

}

}

/*=====================================================
DARK MODE
=====================================================*/

@media(prefers-color-scheme:dark){

body{

background:#08192C;

color:#E8EEF7;

}

.pkp_structure_head{

background:

linear-gradient(
135deg,
#081F45,
#0B2E78,
#133C8B);

}

.obj_article_summary,
.obj_issue_summary,
.pkp_block,
.current_issue,
.page_editorial_team .item,
.page_about .item{

background:#102843;

border-color:#234E86;

color:#EAF2FB;

}

table{

background:#102843;

}

table td{

border-color:#234E86;

}

table tr:nth-child(even){

background:#133154;

}

table th{

background:#0B2E78;

}

.pkp_structure_footer_wrapper{

background:#061522;

border-top:4px solid var(--gold);

}

h1,h2,h3,h4,h5,h6,
.pkp_page_title{

color:#E7C46B;

}

a{

color:#8DBEFF;

}

a:hover{

color:#E7C46B;

}

button,
.pkp_button,
.cmp_button,
input[type=submit]{

background:var(--gold);

color:#fff;

}

button:hover,
.pkp_button:hover,
.cmp_button:hover{

background:#B88419;

}

input,
textarea,
select{

background:#0E243C;

color:#fff;

border-color:#2E5E9C;

}

}

/*=====================================================
END OF STDI PREMIUM THEME
=====================================================*/