:root{
    /*-- brand color --*/
    --brandcolor1:hsl(186, 100%, 17%);--brandcolor2:hsl(178, 100%, 29%);--brandcolor3:hsl(177, 41%, 47%);--brandcolor4:hsl(43, 88%, 60%);
    --brandcolor1-shade1:hsl(186, 100%, 95%);--brandcolor2-shade1:hsl(178, 100%, 95%);--brandcolor3-shade1:hsl(177, 41%, 95%);--brandcolor4-shade1:hsl(43, 88%, 95%);
  
    /*-- generic color --*/
    --transparent:--transparent;--black:black;--white:#fff;--red:red;--purple:rgb(255, 0, 166);--green:green;--yellow:yellow;--blue:blue;--fuchsia:fuchsia;--yellow:yellow;
    
    /*-- generic neutral grayscale --*/
    --gray0:#fafafa;--gray1:#e5e5e5;--gray2:#ccc;--gray3:#b2b2b2;--gray4:#999;--gray5:#7f7f7f;--gray6:#666;--gray7:#4c4c4c;--gray8:#333;--gray9:#191919;
    }


    .site-name{display: none}/*JFGC add this rule -- hide logo, thumbnail magazine */

.navbar-default .navbar-toggle, .header_view .navbar-toggle{background: var(--brandcolor1);}

.dropdown-menu>li>a, .dropdown-menu>li>a{font-size: 1.35rem;}

.headerClient {
    background: var(--brandcolor1);
    text-align: center;
}/*JFGC add this rule */

#headerNavigationContainer{background: var(--white);border-bottom: 1px solid var(--gray1);}
#headerNavigationContainer .row:first-child{background: var(--white);border-bottom: 1px solid var(--gray1);}

#navigationUser a{color: var(--brandcolor1);}
#navigationUser a:hover{color: var(--brandcolor2);}

.navbar, .header_view{min-height: 0;}/*JFGC add this rule */

.header_view a {
    color: var(--brandcolor1);
}

.header_view a:hover {
    color: var(--brandcolor3);
    opacity: 0.6 !important;
}

#sidebar{border-left: 1px solid var(--gray1);}

.navbar-default, .header_view, .header_view {
    background: var(--white);
    border: none;
    border-radius: unset;
}

.navbar-default .nav > li > a, .header_view .nav > li > a {
	color: var(--brandcolor1);font-size: 1.35rem;font-weight: 600;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .header_view .navbar-nav > .open > a, .header_view .navbar-nav > .open > a:hover, .header_view .navbar-nav > .open > a:focus {
	color: var(--white);
	background-color: var(--brandcolor1);
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus, .navbar-default .nav > li > a:active, .header_view .nav > li > a:hover, .header_view .nav > li > a:focus, .header_view .nav > li > a:active {
	opacity: 0.6 !important;
	background: var(--white);
	color:var(--brandcolor1);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: var(--brandcolor3);
	text-decoration: none;
	background:none;
}/*JFGC add this rule */

.alert-info {
	color: var(--brandcolor1);
	background-color: var(--brandcolor3-shade1);
	border-color: var(--brandcolor3);
}/*JFGC add this rule */

.alert-link{color: var(--brandcolor1) !important;}
.alert-link:hover{color: var(--brandcolor2) !important;}

a, h1, h2 {
    color: var(--brandcolor1);
}

a:hover{
    color: var(--brandcolor3);
}

.btn-primary {
	color: var(--brandcolor1);
	background: var(--white);
}

.btn-primary:hover{
	color: var(--brandcolor1);
	background: var(--brandcolor3);
}

.btn-default {
	color: var(--brandcolor1);
	background: var(--white);font-size: 1.35rem;
}

.btn-default:hover{
    color: var(--brandcolor3);
	background: var(--white);
}

.buttons .btn-primary, .buttons .btn-default,.galley-link,.read-more{
	color: var(--brandcolor1);
	background: var(--white);
}

.buttons .btn-primary:hover, .buttons .btn-default:hover,.galley-link:hover,.read-more:hover{
	color: var(--brandcolor3);
	background: var(--white);
}

a > img,img{max-width: 100%;height: auto;}/*JFGC add this rule */
iframe{max-width: 100%;}/*JFGC add this rule */

a.block_make_submission_link{color:var(--brandcolor1)!important;background: none !important;}
a.block_make_submission_link:hover{color:var(--brandcolor3)!important;background: none;}

.badge {
    color:var(--white);background-color: var(--brandcolor1);
}

.breadcrumb{border: .125rem solid var(--brandcolor4);background: var(--brandcolor4-shade1);}
.breadcrumb a{color: var(--brandcolor1);}
.breadcrumb a:hover{color: var(--brandcolor2);}

.form-control{border: 2px solid var(--brandcolor1) !important;}


.panel-default, .pkp_block, .pkp_block {
    border-color: var(--brandcolor2);
}

.panel-default>.panel-heading, .pkp_block .title, .pkp_block .title {
    background: var(--white);
    color: var(--brandcolor1);
    font-weight: 500;
    font-size:14px;
    border-color: var(--brandcolor1);
}

.panel-title{color: var(--brandcolor1) !important;}

.file {
    color: var(--brandcolor1);
}

.pdf {
    color: var(--brandcolor1);
}

.download{background:var(--white);color:var(--brandcolor1);border:1px solid var(--brandcolor4);}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid var(--gray1);
}

.media-body{border-bottom: .125rem solid var(--gray1);}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: var(--black);
    font-weight: bold;
    font-size: 0.9em;
}

footer {
    background: var(--brandcolor1-shade1) !important;
    color: #000;
    border-top: 1px solid var(--black);
    text-align: center;
}

.myFooter {
    margin: 1.5em 0 0;
    background: var(--brandcolor1);
}

.footerAddress {
    background: var(--brandcolor1);
    min-height: 100px;
    padding: 1.5em 0 0;
    color: var(--white);
}



.myFooterBox {
    max-width: 1170px;
    margin: 0 auto;
}

.singleCol {
    width: 25%;
    float: left;
}

.doubleCol {
    width: 50%;
    float: left;
    font-family: 'Open Sans',sans-serif;
    color: var(--white);
    text-align: right;
    font-size: .7em;
}

.singleCol img {
    width: 50%;
}
/*
.galley_view {
    position:relative;
}

#pdfCanvasContainer {
    margin-top:-5em;
}*/

/* PDF viewer settings */
.header_view{margin-bottom: 0;}
.galley-link{font-size: 1.7rem;font-weight: bold;}
.galley_view{position: relative;}
.galley_view iframe {width: 100%;height: 100%;border: none;min-height: 100rem !important;padding-top: 0;}


.indexadas,
.indexadas-nolabel {
 display:grid;
 align-items:center;
 gap:.75rem 2rem
}
.indexadas {
 justify-items:stretch;
 align-items:stretch
}
.indexadas-nolabel {
 justify-items:center;
 gap:1rem
}
.indexadas-nolabel p {
 display:none
}
.indexadas a,
.indexadas-nolabel a {
 display:flex;
 justify-content:center;
 align-items:center
}
.indexadas img,
.indexadas-nolabel img {
 max-width:100%;
 height:auto
}
.indexadas-cell {
 display:flex;
 justify-content:center;
 align-items:center
}
.indexadas-nolabel--cell {
 display:flex;
 justify-content:center;
 align-items:center;
 gap:1rem;
 padding:1rem;
 border-bottom:.125rem solid #eee
}

@media only screen and (min-width: 1200px){
    .myFooterBox {
        padding: 0 2em;
    }
}

@media only screen and (max-width:543px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a, .header_view .navbar-nav .open .dropdown-menu>li>a {color: var(--brandcolor1);}
    .pageFooter__box {
     margin:0 2rem
    }
    .indexadas,
    .indexadas-nolabel {
     grid-template-columns:1fr
    }
   }
   @media only screen and (min-width:544px) and (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a, .header_view .navbar-nav .open .dropdown-menu>li>a {color: var(--brandcolor1);}
    .pageFooter__box {
     margin:0 2rem
    }
    .indexadas,
    .indexadas-nolabel {
     grid-template-columns:repeat(2, 1fr)
    }
   }
   @media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-collapse {
     padding-left:0;
     padding-right:0
    }
    .pageFooter__box {
     margin:0 2rem
    }
    .indexadas,
    .indexadas-nolabel {
     grid-template-columns:1fr
    }
   }
   @media only screen and (min-width:992px) and (max-width:1199px) {
    .navbar-collapse {
     padding-left:0;
     padding-right:0
    }
    .pageFooter__box {
     margin:0 2rem
    }
    .indexadas-nolabel {
     grid-template-columns:repeat(2, 1fr)
    }
    .indexadas {
     grid-template-columns:repeat(2, 1fr)
    }
   }
   @media only screen and (min-width:1200px) {
    .navbar-collapse {
     padding-left:0;
     padding-right:0
    }
    .indexadas-nolabel {
     grid-template-columns:repeat(2, 1fr)
    }
    .indexadas {
     grid-template-columns:repeat(2, 1fr)
    }
   }