/*  Rules Overall */
#main-content{
padding : 0;
margin : 0;
max-width: 100%;
}

.item #main-content{
max-width: 80%;
padding: auto;
margin: auto;
}

.breadcrumbs {
display : none;
}

.page-layout-normal .block {
margin: 0rem 0;
}

.page-layout-grid .block {
margin: 0rem 0;
}

.nav-menu li {
min-width : 10vw;
max-width : 15vw;
text-align : center;
}

.dg-homepage-heading, .cats-title, .env-title, .ch-title, .tww-title, .magic-title, .objects-title {
margin-top : 0px;
padding-top : 3rem;
}

.dg-homepage-heading h1, .cats-title h1, .env-title h1, .ch-title h1, .tww-title h1, .magic-title h1, .objects-title h1{
font-size : 60px;
}

.dg-homepage-text, .dg-homepage-navigation-box, .cats-page-block, .cats-carousel-flexbox, .env-page-block, .env-image-block, .ch-page-block, .ch-image-block, .tww-page-block, .tww-image-block, .tww-linebreak, .magic-page-block, .magic-image-block, .objects-page-block, .objects-image-block, .objects-image-block-flex {
margin-left: 5%;
margin-right: 5%;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 5%;
padding-right: 5%;
}

.subtitle-descr {
padding-bottom : 3rem;
}

.subtitle-descr p {
max-width : 80em;
font-style : italic;
font-size: 18px;
text-align : center;
margin : auto;
padding: 1rem;
}

/* Rules for Homepage */

.dg-homepage-text h2{
margin-top: 1.5em;
}

.dg-homepage-text p{
max-width : 80em;
}

.dg-homepage-text a{
color : #A22420;
text-decoration : none;
}

.footer-shldc-homepage div {
margin-top: 5px;
}

.dg-homepage-navigation-box {
display : flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom : 10px;
max-width : 90em;
gap : 5px;
}

.dg-homepage-navigation-link {
display : block;
border : 1px solid #3C4D66;
border-radius : 10px;
text-align : center;
width : 20em;
margin : 10em;
}

.dg-homepage-navigation-link img {
object-fit: cover;
width : 20em;
max-height : 10em;
border-radius : 10px;
}

.dg-homepage-navigation-link a {
color : #A22420;
text-decoration : none;
font-weight : 550;
}

.dg-homepage-text  #galleries, #first-folios{
color : #333333;
text-decoration : none;
}

.dg-homepage-navigation-link p {
margin-bottom : 0em;
}

.dg-homepage-navigation-link #link-word {
padding-bottom : 0.2em;
margin-bottom : 0.1em;
}

/* Rules for Cat's Pyjamas */
.cats-title h1{
font-family : Copperplate, Papyrus, fantasy;
color : #332306;
}

.cats-linebreak .break {
color : #4D3914;
margin: 0rem 0;
padding-bottom : 0px;
}

.cats-title h1.title::after {
background-color: #332306;
}

.subtitle-descr #cats {
color : #4D3914;
}

.cats-page-block, .cats-carousel-flexbox{
background: rgba(255, 241, 215, 0.3);
}

.cats-carousel-flexbox {
display: flex;
flex-wrap : wrap;
justify-content: center;
align-items : center;
}

.block-carousel {
flex-basis : 500px;
margin-top: auto;
margin-bottom: auto;
padding-top: 10;
padding-bottom: 10;
}

.title a {
font-size: 16px;
color : #332306;
}

.caption p {
font-size: 14px;
line-height: 1.3;
color : #4D3914;
}

.carousel-hor {
min-width : 35%;
max-width: 90vw;
}

.carousel-ver {
min-width : 30%;
max-width: 90vw;
}

.carousel-ver .slick-autoplay-toggle-button {
color: #4D3914;
}

.carousel-ver .slick-autoplay-toggle-button:hover {
background-color: #B39D76;
color: #4D3914;
}

.carousel-ver .carousel-block, .carousel-hor .carousel-block {
padding-left : 0.5em;
padding-right : 0.5em;
padding-bottom : 0.5em;
}

.carousel-ver .slick-arrow {
display: none !important;
}

/* Rules for Environmental Humanities*/
.env-page-block, .env-image-block{
background: rgba(161, 196, 137, 0.3);
}

.env-title h1, .env-page-block h2{
color : #27331E;
font-family : Garamond, sans-serif;
margin : 0;
}

 .env-page-block h2{
padding-top: 0.2em;
padding-bottom: 0.2em;
}

.env-title h1.title::after {
background-color: #27331E;
}

.subtitle-descr #env{
color : #45533B;
}

.env-linebreak .break {
color : #45533B;
margin: 0rem 0;
padding-bottom : 0px;
padding-left: 5%;
padding-right: 5%;
}

.env-image-block {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : center;
align-items : center;
}

.env-image-block .title a {
font-size: 16px;
color : #27331E;
font-family : Garamond, sans-serif;
}

.env-image-block .block-carousel {
width : 30vw;
} 

.env-image-block .block-carousel .slick-slider {
padding : 0;
} 

/* Rules for College Hall*/
.ch-page-block, .ch-image-block{
background: rgba(209, 211, 212, 0.3);
}

.ch-title h1{
color : #1A3466;
font-family : Vedana, Arial, sans-serif;
}

.ch-title h1.title::after {
background-color: #1A3466;
}

.subtitle-descr #ch{
color : #ED1A37;
}

.ch-linebreak .break {
color : #ED1A37;
margin: 0rem 0;
padding-bottom : 0px;
}

.ch-image-block h2{
color : #1A3466;
font-family : Vedana, Arial, sans-serif;
}

.ch-image-block {
margin : auto;
margin-bottom : 0;
}

.ch-image-block .carousel-block .title a {
color : #ED1A37;
}

.ch-image-block .carousel-block .caption p {
color : #616469;
max-width : 80ch;
margin : auto;
}

.ch-image-block p {
color : #616469;
max-width : 80ch;
margin-bottom : 0;
padding : 1em;
}

.ch-image-block .slick-autoplay-toggle-button{
margin : 0;
position: absolute;
left: -3em;
}



/*Rules for Magic*/
.magic-page-block, .magic-image-block{
background: rgba(0, 0, 0, 0.8);
}

.magic-title h1{
color : #E22F24;
font-family : Times New Roman, serif;
}

.magic-title h1.title::after {
background-color: #DA1A32;
}

.subtitle-descr #magic, .magic-page-block p{
color : #FFFFFF;
margin-bottom : 0;
padding : 1em;
}

.magic-page-block a {
color : #DA1A32;
font-weight: bold;
}

.magic-linebreak .break {
color : #DA1A32;
margin: 0rem 0;
padding-bottom : 0.2em;
}

.magic-image-block .carousel-block {
margin-top : 0px;
margin-bottom : 0px;
padding:0.5em;
}

.magic-image-block .carousel-block .slick-autoplay-toggle-button .slick-pause-icon::before, .magic-image-block .carousel-block .slick-autoplay-toggle-button .slick-play-icon::before {
color: #da1a32;
}

.magic-image-block .carousel-block .slick-autoplay-toggle-button:hover {
background-color: #FFFFFF;
color: #da1a32;
}

.magic-image-block .carousel-block .slick-arrow .slick-prev-icon::before, .magic-image-block .carousel-block .slick-arrow .slick-next-icon::before {
color: #da1a32;
}

.magic-image-block .carousel-block .slick-dots {
padding : 0.5em;
max-width : 60vw;
margin : auto;
}

.magic-image-block .carousel-block .slick-dots .slick-dot-icon{
color: rgba(218,26,50,1);
}

.magic-image-block .carousel-block .slick-dots .slick-active .slick-dot-icon{
color: #FFFFFF;
}

.magic-image-block .carousel-block .title a {
color : #DA1A32;
font-size : 18px;
font-family : Times New Roman, serif;
}

.magic-image-block .carousel-block .caption p {
color : #FFFFFF;
font-size : 14px;
max-width : 100ch;
margin : auto;
}

/*Rules for Objects*/
.objects-page-block, .objects-image-block, .objects-image-block-flex{
background: rgba(243, 224, 220, 0.3);
padding-left : 5%;
}

.objects-title h1{
color : #5C2018;
font-family : Times New Roman, serif;
}

.objects-title h1.title::after {
background-color: #5C2018;
}

.subtitle-descr #objects{
color : #BC4639;
}

.objects-linebreak .break {
color : #BC4639;
margin: 0rem 0;
padding-bottom : 0px;
}

.objects-image-block-flex th, .objects-image-block h2, .objects-image-block-flex a {
color: #5C2018;
text-align : left;
}

.objects-image-block h2 {
margin-bottom : 0;
padding-top: 1em;
}

.objects-image-block-flex td{
max-width : 40vw;
}

.objects-image-block-flex {
display: flex;
flex-wrap : wrap;
justify-content: center;
align-items : center;
padding-left : 3%;
max-width : 100vw;
}

/*Rules for 1000 Words*/
.tww-page-block, .tww-image-block, .tww-linebreak {
background: rgba(153, 206, 211, 0.3);
}

.tww-linebreak .break{
color : #4D6D9A;
padding-bottom : 0.2em;
margin : 0;
}

.tww-image-block .carousel-block {
margin-bottom : 0;
}

.tww-title h1{
color : #4D6D9A;
font-family : Times New Roman, serif;
}

.tww-image-block p {
max-width : 80ch;
font-family : Times New Roman, serif;
font-size : 1.2em;
}

.tww-image-block .caption p {
max-width : 80ch;
font-family : Times New Roman, serif;
padding : 0;
}

.tww-title h1.title::after {
background-color: #4D6D9A;
}

.subtitle-descr #tww{
color : #5F6366;
}

.tww-image-block{
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content : space-around;
align-items : center;
}

.tww-image-block h2 {
font-size : 30px;
max-width: 40ch;
padding-top : 0.5em;
color : #4D6D9A;
}

.tww-image-block h4 {
font-size : 14px;
font-weight : bold;
max-width: 80ch;
color : #4D6D9A;
}

.tww-page-block .block-carousel {
max-width : 80vw;
}

.tww-page-block, .carousel-block{
margin-top : 0;
margin-bottom : 0;
padding-top : 1em;
}

.carousel-block slick-track{
min-height : 50vw;
}

.tww-page-block, .carousel-block h2{
font-size : 30px;
padding-top : 0.5em;
color : #4D6D9A;
}