@import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
 @font-face {
 font-family: 'Roboto';
 src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
.visually-hidden-focusable { display: none; }
.contextual { right: 40px; }
body { font-family: 'Open Sans', sans-serif; }
.btn-primary { display: inline-block; width: auto; }
.layout_class_block { max-width: 1170px; margin : 0 auto; }
.layout--twocol-section--50-50 .layout_class_block { max-width: 585px; margin : 0 auto; }
.layout_class_block h5 { font: normal normal bold 16px/83px Open Sans; letter-spacing: 2.4px; color: #00ADEF; /* opacity: 1; */
	margin: 0; padding: 0; }
.layout_class_block h4 a { font: normal normal 900 50px/55px Roboto; letter-spacing: 0px; color: #000000; opacity: 1; }
.layout_class_block h4 { font: normal normal 900 50px/55px Roboto; letter-spacing: 0px; color: #000000; opacity: 1; }
 .layout_class_block h4::after {
 content: " ";
 background: transparent url('../img/Component42.png') no-repeat center;
 display: block;
 height: 20px;
 margin: 0 auto;
 margin-top: 20px;
 margin-bottom: 20px;
}
.layout--twocol-section--50-50 .layout_class_block h4::after {
 background: transparent url('../img/Group43819.png') no-repeat left;
}
.layout_class_block.layout_class_block.block-inline-blockbasic a, .donate.block a { background: #1D56A8 0% 0% no-repeat padding-box; color: var(--unnamed-color-ffffff); color: #FFFFFF; padding: 10px 40px; }
.grey_background { background: var(--unnamed-color-f9f9f9) 0% 0% no-repeat padding-box; border: 1px solid var(--unnamed-color-000); background: #F9F9F9 0% 0% no-repeat padding-box; }
.blue_background { background: var(--unnamed-color-ebf9ff) 0% 0% no-repeat padding-box; border: 1px solid var(--unnamed-color-000); background: #EBF9FF 0% 0% no-repeat padding-box; }
.block_border { border: 1px solid var(--unnamed-color-000); border: 1px solid #000; }
.section_property { padding: 40px 0 100px; border-top: 2px solid #eeecec; }
#block-drunken-boat-main-menu .nav-item a { color: var(--unnamed-color-232323); text-align: left; font: normal normal medium 18px/22px Montserrat; letter-spacing: 0.54px; color: #232323; }
.contextual-region { position: relative; width: 100%; }
.block-block-content { width: 100%; }
.views-col { max-width: unset; }
.views-field-field-book-cover img { width: 315px; height: 380px; }
.views-field.views-field-field-sub-heading { font-weight: bold; }
.block-views-blockbooks-block-1 { text-align: center; font: normal normal normal 18px/30px Open Sans; letter-spacing: 0px; color: #000000; }
.latest-book-item a { color: #000000; }
.user-login-form, .user-pass, .user-register-form { max-width: 600px; margin: 0 auto; }
nav.tabs { margin-bottom: 1rem; margin: 0 auto; max-width: 1200px; margin-bottom: 50px; }
.owl-carousel .owl-item img { display: block; width: auto;/* text-align: right; */
	/* align-items: inherit; */
}
.button { background: #1D56A8 !important; padding: 20px 25px !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 500 !important; border: 0 !important; cursor: pointer !important; transition: all 0.3s ease-in !important; height: auto !important; margin: auto !important; line-height: normal !important; width: initial !important; display: inline-block !important; }
#block-drunken-d10-webform { width: 100%; }
.view-filters .js-form-item, .view-filters .form-actions { margin-bottom:0 !important; }
.view-filters .js-form-item .form-control { border: 1px solid #EDEDED; height: 50px; width: 450px; border-radius: 0; color: #000; font-weight: 600; font-family: 'Open Sans', sans-serif; }
.view-filters .form-actions .form-control.button { width:153px !important; height:50px !important; background:#1D56A8 !important; color:#fff !important; font-family: 'Open Sans', sans-serif !important; font-size:16px !important; font-weight:600 !important; text-align:center !important; border-radius:0 !important; margin-left:15px !important; padding:10px 0 !important; }
.view-filters .form-actions .form-control.button:hover, .view-filters .form-actions .form-control.button:focus { background:#27AAE2 !important; }
 @media only screen and (max-width: 767px) {
.view-filters .d-flex {
display:block !important;
}
.view-filters .js-form-item .form-control {
width:100% !important;
}
.view-filters .form-actions .form-control.button {
width: 100% !important;
margin-left: 0 !important;
margin-top: 10px !important;
}
}
.item-list .issue-rows { margin: 60px 0 0 0; padding: 0; list-style: none; display: inline-block; width: 33%; }
.issue-component.view-display-id-block_1 .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0; border-radius: 0; width: 100%; margin: 25px 0 0; border-bottom: 1px solid #ccc; padding-bottom: 40px; }
.issue-component.view-display-id-block_1 .item-list .issue-rows { margin: 25px 25px 25px 0px; /* padding: 0; */
	list-style: none; display: inline-block; width: 46%; padding: 10px; box-shadow: 0px -1px 3px 0 #ccc; min-height: 143px; }
.issue-component.view-display-id-block_1 h3 { font-family: 'Philosopher', sans-serif; margin-top: 0; margin-bottom: 20px; font-weight: 900; line-height: 1.2; color: #000; font-size: 25px; }
.views-field-field-audio-section .list-group { display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 38px;
    flex-direction: inherit; }
.views-field-field-audio-section .list-group-item {display: inline-block;
    width: calc(33.333% - 26px);
    padding: 15px;
    margin-bottom: 15px;
    margin-right: 0; }
.field.field--name-field-audio-title.field--type-string.field--label-hidden.field__item { font-weight: bold; margin-bottom: 15px; font-size: 16px; }
.clearfix.text-formatted.field.field--name-field-audio-desc.field--type-text-long.field--label-hidden.field__item { font-size: 16px; max-height: 150px; overflow: auto; }
.issue-component.view-display-id-block_1 .item-list .issue-rows { position: relative; }
.issue-rows .col-sm-12 { position: unset; }
.issue-component .issue-rows .issue_desc .read-more { position: absolute; right: 13px; bottom: 10px; }
.issue_desc .image-style-large { margin-top: 15px; }
.issue-component.view-display-id-block_1 .card { background-color: unset; }
.issue-component.view-display-id-block_1 .item-list .issue-rows { position: relative; background: #fdfdfd; padding: 20px; border: 1px solid azure; box-shadow: 0 0 4px 0 #ccc; }
.issue-component.view-display-id-block_1 .card { padding: 20px 0 0px 25px; }
.issue-component.view-display-id-block_1 .card.active {
	background: linear-gradient(to right, #e96443, #ca228e);
}
.issue-component.view-display-id-block_1 .item-list .issue-rows.active { border: 1px solid #9b9b9b !important; background: #fff !important; }
.cms-footer .issue-component-bio strong { font-weight: 700; padding-bottom: 13px; display: block; }
.cms-footer .issue-component-bio p { font-size: 18px; /* color: #1D1E1E; */
	font-weight: 400; margin-bottom: 0; font-weight: normal; }
.issue-component-bio { background: #f9f9f9; margin: 0 auto; width: 100%; padding: 50px; margin-bottom: 50px; }
.views-field.views-field-field-gallery-section .field-content {display: flex;flex-wrap: wrap;gap: 38px;}
.paragraph.paragraph--type--issue-gallery.paragraph--view-mode--default { width: calc(25% - 29px); }
.paragraph.paragraph--type--issue-gallery.paragraph--view-mode--default .image-style-large { height: 400px; object-fit: cover; margin-bottom: 0;transition: all 0.3s ease-in;}
.paragraph.paragraph--type--issue-gallery.paragraph--view-mode--default:hover .image-style-large {transform: scale(1.1);}


.field.field--name-field-title.field--type-string.field--label-hidden.field__item { font-weight: bold; margin-bottom: 10px; }
.paragraph.paragraph--type--issue-gallery.paragraph--view-mode--default:hover .field.field--name-field-title { color:#1D56A8;}

.views-field.views-field-field-long-description { margin-top: 30px; }
.cms-footer { padding: 30px 0; background-color: #fff; }
#block-drunken-d10-views-block-issues-component-block-3 { position: relative; width: 100%; }
.views-field.views-field-field-gallery-section { margin-top: 30px; }
.paragraph.paragraph--type--issue-gallery.paragraph--view-mode--default .field field--name-field-title { font-size:22px; color:#000; font-weight:700; margin-bottom:15px;}
.paragraph.paragraph--type--issue-gallery.paragraph--view-mode--default .field--name-field-gallery-image { position:relative; overflow: hidden;margin-bottom: 35px;}
.paragraph.paragraph--type--issue-gallery.paragraph--view-mode--default .field--name-field-gallery-image:before { width:30px; height:30px; position:absolute; right:15px; top:15px; content:"";background-image: url("data:image/svg+xml,%3Csvg id='Group_44016' data-name='Group 44016' xmlns='http://www.w3.org/2000/svg' width='27.601' height='28' viewBox='0 0 27.601 28'%3E%3Cg id='Group_44017' data-name='Group 44017' transform='translate(0 0)'%3E%3Cpath id='Path_40935' data-name='Path 40935' d='M18.089,19.838a10.425,10.425,0,0,1-3.1,1.887A10.461,10.461,0,0,1,4.329,20.182a10.912,10.912,0,0,1-4.321-9.45A11.025,11.025,0,0,1,8.18.406,10.424,10.424,0,0,1,19.221,3.848a10.918,10.918,0,0,1,2.7,8.382,11.089,11.089,0,0,1-2.3,5.975l-.144.192c.075.081.147.163.223.24q3.777,3.806,7.553,7.612a.99.99,0,1,1-1.4,1.388q-2.331-2.354-4.668-4.7Q19.732,21.47,18.278,20c-.057-.057-.12-.107-.189-.167m1.9-9.295a9.038,9.038,0,0,0-1.212-3.936A8.874,8.874,0,0,0,4.755,4.558,9.457,9.457,0,0,0,2.83,15.227a8.959,8.959,0,0,0,10.685,4.936c3.844-1.167,6.487-4.8,6.478-9.62' transform='translate(0 -0.001)' fill='%23fff'/%3E%3Cpath id='Path_40936' data-name='Path 40936' d='M102.9,109.473c-.815,0-1.584,0-2.353,0-.216,0-.432.006-.646-.014a.976.976,0,0,1-.885-.946.954.954,0,0,1,.837-.985c.438-.041.882-.025,1.323-.028.562,0,1.124,0,1.724,0,0-.216,0-.4,0-.579,0-.75,0-1.5,0-2.25a.993.993,0,0,1,1.007-1.052.977.977,0,0,1,.962,1.056c0,.923,0,1.845,0,2.8.131.009.239.022.347.023.842,0,1.685-.009,2.527.009a.955.955,0,0,1,1.017.9.964.964,0,0,1-1.014,1.059c-.832.009-1.664,0-2.5,0h-.36c-.007.124-.018.222-.018.32,0,.832,0,1.664,0,2.5a.98.98,0,0,1-.981,1.069.993.993,0,0,1-.989-1.07c-.006-.923,0-1.847,0-2.815' transform='translate(-92.913 -97.23)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center center;background-size: 28px;z-index: 1; }




.issue-component.view-display-id-block_1 .card {
    background: linear-gradient(to right, #e96443, #ca228e);
}
.issue-component.view-display-id-block_1 .card:nth-child(odd) {
    background: linear-gradient(to right, #4393e9, #cab022);
}
.issue-component.view-display-id-block_1 .card:nth-child(even) {
	background: linear-gradient(to right, #9dcc6e, #2be5ee);
}


.issue-component.view-display-id-block_1 .card:nth-child(1) {
	background: linear-gradient(to right, #e96443, #ca228e)
}


.issue-component.view-display-id-block_1 .card:nth-child(2) {
	background: linear-gradient(to right, #eea998, #c6e68d)
}


.issue-component.view-display-id-block_1 .card:nth-child(3) {
	background: linear-gradient(to right, #736464, #638030);
}


.issue-component.view-display-id-block_1 .card:nth-child(4) {
	background: linear-gradient(to right, #e81717, #6b3080);
}


.issue-component.view-display-id-block_1 .card:nth-child(5) {
	background: linear-gradient(to right, #e8d117, #c479df);
}


.issue-component.view-display-id-block_1 .card:nth-child(6) {
	background: linear-gradient(to right, #8b6ecc, #2be5ee);
}

.issue-component.view-display-id-block_1 .card:nth-child(7) {
	background: linear-gradient(to right, #6ecc8a, #ee2bc6);
}

.issue-component.view-display-id-block_1 .card:nth-child(8) {
	background: linear-gradient(to right, #cc6e6e91, #2be5ee);
}


.issue-component.view-display-id-block_1 .card:nth-child(9) {
	background: linear-gradient(to right, #9dcc6e, #2be5ee);
}


.issue-component.view-display-id-block_1 .card:nth-child(10) {
	background: linear-gradient(to right, #9dcc6e, #2be5ee);
}


.home-banner.issue-25 {
	margin-bottom: 25px;
}



.home-banner.issue-25 .second-slide h2 {
	margin-right: -200px;
	margin-top: -150px;
	margin-left: 50px;
	background: rgb(0,0,0,0.5);
	padding: 25px;
}