/*!
Theme Name: ocs
Theme URI: http://airheadventures.com
Author: Airheadventures
Author URI: http://airheadventures.com
Description: Ocs theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ocs
*/


/*base*/
:root {
    --max-content-width: 1100px;
    --inner-content-width: 900px;
    --accent-color: #9a1e35;
  }
html, body {
    margin:0;
    padding:0;
}
body *:not(h1) {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size:18px;
}
body *:not(.text-white, .toggle-button *) {
    color:#000!important;
}
svg path {
    font-size:initial!important;
}
strong, b, em {
    color: #000!important;
}
main#primary a {
    color: var(--accent-color)!important;
}
main#primary .casinolistitem a {
    color: #000!important;
}


/*backtotop*/
#backtotop {
    position: fixed;
    bottom: 5%;
    right: 5%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--accent-color);
    cursor: pointer;
    display:none;
    z-index: 999;
}
#backtotop svg {
    max-height:20px;
    margin: 7px auto;
    pointer-events:none;
}

/*header*/
header .custom-logo-link img {
    height:70px;
    width: auto;
}

h1 {
    font-size: 2rem!important;
}

/*footer*/
footer img {
    max-height: 100px;
    width: auto;
    float: left;
    padding: 0 15px 0 0;
}

/* lists in content */
#primary ol li, 
#primary ul li {
    margin-bottom: .3em;
    line-height: 1.7;
}
#primary ul {
    padding-left: 1.2rem;
    list-style-type: disc;
}
#primary p, 
#primary ul {
    margin-bottom: 1rem;
}
#primary h3,
#primary h3 * {
    font-size: 1.375rem;
}
#primary h3, #primary h4 {
    margin-bottom: 1rem;
    font-weight: 700;
    color: rgb(0,0,0);
}
#primary table td {
    padding: 0 1rem;
}
#primary table tr:nth-child(2n) {
    background-color: #f3f4f6;
}


/* casino listing */
.casinolistwrapper * {
    font-size: 16px!important;
}

.casinolistwrapper h2 {
    font-size: 1.875rem!important;
}

.casinolistwrapper {
    max-width:var(--max-content-width);
  }
@media only screen and (max-width:768px) {
.casinolistwrapper {
    max-width:100%!important;
    width:100%!important;
    left: 0!important;
}
}


/* author box */
.author-section .time svg {
    width: .9rem;
    height: .9rem;
}

/*  breadcrumbs */
.rank-math-breadcrumb * {
    font-size: 16px!important;
}
.rank-math-breadcrumb a {
    opacity: 0.6;
}
.rank-math-breadcrumb .separator {
    margin: 0 3px;
    opacity: 0.6;
}
.rank-math-breadcrumb p {
    position:relative;
    padding-left:30px;
}
.rank-math-breadcrumb p:before {
    content: '';
    background: url('/wp-content/themes/ocs/images/home.svg');
    width: 24px;
    height:24px;
    position:absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
}

/* search form + results */
header input:focus,
header input:hover {
    outline: none!important;
    box-shadow:none!important;
}
.nav-links {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    flex-direction: row-reverse;
}
.nav-links .nav-next {
    margin-right:auto;
}
.navigation.posts-navigation {
    width: 100%;
}



/* casino listing, news listing */
.newslist-wrapper, .slotslist-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.newslist-item, .slotslist-item {
    max-width: 33%;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 50px;
    position: relative;
}
.newslist-item h3, .slotslist-item h3 {
    margin-top: 10px;
    min-height:66px;
}
.newslist-item-text .content {
    font-size: 14px!important;
    text-align: justify;
    min-height: 108px;
    position:relative;
    padding-bottom: 20px;
}
.newslist-item-text .content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    bottom: 0;
}
.newslist-item-text a {
    float: right;
    border-width: 0;
    font-weight: 500;
    font-size:14px;
    text-decoration:none;
}
.newslist-item img {
    border: 1px solid #d2d2d2;
    width: 312px;
    height: 312px;
    object-fit:cover;
}

.accordion-button:not(.collapsed) {
    color: inherit!important;
}




@media only screen and (max-width: 640px) {

#primary {
    padding: 55px 15px;
}
.author-section {
    flex-direction: column!important;
    align-items: center;
}
.author-section p,
.author-section h2 {
    text-align: center!important;
}
.newslist-item, .slotslist-item {
    max-width: 100%;
}
.newslist-item-text a {
    margin-top: -32px;
}

}

@media (max-width: 768px) {
  .table-responsive {
    display: block;
  }

  .table-responsive tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }


  .table-responsive td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }
  
  .table-responsive th {
    display: none;
  } 
}

.rotate-alt {
  transform: rotate(180deg);
  transition: transform 0.3s ease; 
}

.toggle-button * {
  color: #9a1e35 !important;
}