/* ----------------------------------------- */ /* View slug: theater-slider-view - start */ /* ----------------------------------------- */ .pagination { text-align:center; } .page-link { position: relative; top: -10px; left: -40px; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #124253; background-color: #DDD1B6; border: none; margin-right:450px; font-size:24px; } /*--- responsive right nav button ---*/ @media only screen and (max-width: 1125px) { .page-link { margin-right:440px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 1104px) { .page-link { margin-right:420px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 1062px) { .page-link { margin-right:400px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 1024px) { .page-link { margin-right:380px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 982px) { .page-link { margin-right:360px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 943px) { .page-link { margin-right:330px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 882px) { .page-link { margin-right:300px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 822px) { .page-link { margin-right:280px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 786px) { .page-link { margin-right:260px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 767px) { .page-link { margin-right:630px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 749px) { .page-link { margin-right:610px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 730px) { .page-link { margin-right:570px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 692px) { .page-link { margin-right:540px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 660px) { .page-link { margin-right:510px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 630px) { .page-link { margin-right:480px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 600px) { .page-link { margin-right:450px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 570px) { .page-link { margin-right:420px; } } /*--- responsive right nav button ---*/ @media only screen and (max-width: 530px) { .page-link { margin-right:380px; } } /* ----------------------------------------- */ /* View slug: theater-slider-view - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-theater-upcoming-events-list - start */ /* ----------------------------------------- */ .theater-event-list { margin-bottom: 10px; } .theater-event-list-date { color:#83000A; font-weight: bold; } .theater-event-link { font-weight: bold; } /* ----------------------------------------- */ /* Content Template: loop-item-in-theater-upcoming-events-list - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: theater-slider-view-slide - start */ /* ----------------------------------------- */ .slider-container { display:flex; flex-wrap: wrap; text-align:center; } .slider-section-1{ width: 100%; min-height: 552px; max-height: 552px; } .slider-section-2 { background-color:rgba(248,235,203,0.87); /* display: flex-item; width: 100% */ position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; } .slider-date { font-family: Alegreya Sans, Sans-serif; font-weight: 500; font-size:32px; color:#032338; border-style: dotted; border-color: #c6b68f; border-bottom-width: 4px; width:50%; margin: 0 auto; padding-bottom:2px; } .slider-title{ font-family: Oleo Script, Sans-serif; font-size: 38px; line-height: 1em; color: #124253; margin-top:22px; margin-bottom:44px; } .slider-button a:hover { background-color: #500d06; padding: 15px 30px; border-radius: 4px; width: 50%; margin: 0 auto; color: #fff; } .slider-button a { background-color: #83000a; padding: 15px 30px; border-radius: 4px; width: 50%; margin: 0 auto; color: #fff; } /* ----------------------------------------- */ /* Content Template: theater-slider-view-slide - end */ /* ----------------------------------------- */