/****************************************************************************************************

COMMON CSS

Some common css applicable to the whole website.

****************************************************************************************************/

* {

    font-family: 'Inter';

}

body {

    color: #000000;

    line-height: 1.75;

    overflow-x: hidden;

}

footer {

    background-color: #ffffff;

}

body.admin {

    padding-top: 0 !important;

}

a,
a:hover,
a:active {

    color: #999999;

    text-decoration: none !important;

}

.rp-title a {
    color: #000;
}

main {

    margin-top: 87px;

}

/*start modal css */
.responsive-iframe {
    border: 0;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.buttons-container {
    height: 10vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buttons-container button {
    background: #fff;
    border: none;
    width: 8rem;
    height: 36px;
    margin: 10px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bolder;
    font-size: 16px;
    text-transform: uppercase;
    box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.05);
}

.buttons-container button:hover {
    opacity: 0.9;
    box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.1);
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(7px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease;
}

.modal .modal-container {
    background: #fff;
    border-radius: 5px;
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.2);
    transition: 0.5s ease 0.3s;
}

.modal .modal-container .modal-header {
    height: 20%;
    border-bottom: 1px solid #aaaaaa;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal .modal-container .modal-header h2 {
    font-size: 2rem;
    padding-left: 3%;
    color: #333;
}

.modal .modal-container .modal-header button {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    margin-right: 15px;
    background: transparent;
    border: 2px solid #555;
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

.modal .modal-container .modal-header button:hover {
    border: 2px solid #000;
    color: #000;
}

.modal .modal-container .modal-content {
    height: 80%;
}

.modal .modal-container .modal-content p {
    font-size: 17px;
    line-height: 1.5;
    color: #444;
    margin: 0px 0px 10px;
}

.modal .modal-container .modal-content button {
    background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 85%);
    height: 2.5rem;
    width: 120px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.hide {
    opacity: 0;
    visibility: hidden;
}

.modal .modal-container.hide {
    transform: scale(0);
    transform: translateX(-10%);
}

.feedback {
    background-color: #ff5211;
    color: white;
    padding: 12px 17px;
    border-radius: 5px 5px 0 0;
    border: none;
    font-size: 15px;
    transform: rotate(270deg);
}

#mybutton {
    position: fixed;
    top: 468px;
    right: -42px;
    z-index: 1024;
}

/*end modal css */

.gin--horizontal-toolbar #toolbar-administration {

    z-index: 1031 !important;

}

.pager-show-more {

    margin-bottom: 0;

    padding-left: 0;

    list-style-type: none;

    text-align: center;

}

.pager-show-more a {

    display: inline-block;

    font-weight: 400;

    line-height: 1.5;

    color: #ffffff;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    vertical-align: middle;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

    background-color: #000000;

    border: none;

    padding: 1rem 2rem;

    font-size: 1rem;

    border-radius: 100px;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    letter-spacing: 0.125em;

    margin-top: 35px;
}

.overlay {

    width: 100%;

    height: 100vh;

    position: fixed;

    background-color: rgb(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    z-index: 999;

    display: none
}



/****************************************************************************************************

BOOTSTRAP CSS

CSS for overriding certain common bootstrap CSS or creating new CSS in bootstrap format.

****************************************************************************************************/

.bg-black {

    background-color: #000000 !important;

}

.btn {

    text-transform: uppercase;

    border-radius: 100px;

    padding: 1rem 2rem;

    margin: 0 .25rem;

    letter-spacing: 0.125em;

}

.btn.btn-slim {

    padding: .5rem 1.5rem;

}

.btn:focus {

    box-shadow: none;

}

.btn-white,
.btn-white:hover,
.btn-white:active,
.btn-white:focus {

    color: #000000;

    background-color: #ffffff;

}

.btn-black,
.btn-black:hover,
.btn-black:active,
.btn-black:focus {

    color: #ffffff;

    background-color: #000000;

}

.btn-orange,
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {

    color: #ffffff;

    background-color: #ff5211;

}



/****************************************************************************************************

MAIN NAVIGATION

CSS for main navigation navbar.

****************************************************************************************************/

header {

    margin-bottom: 87px;

}

.navbar-brand {

    /*  width: 298px;*/

}

/*.navbar-brand.scrolled{

    width: 150px;

}*/

.navbar-brand img {

    width: 100%;

}

.navbar .navbar-nav .nav-link {

    padding-right: .25rem;

    padding-left: .25rem;

    padding-bottom: .25rem;

    margin: 0 .75rem;

    letter-spacing: .125em;

    font-weight: 400;

    text-transform: uppercase;

    border-bottom: 2px solid transparent;

    transition: border-color .15s ease-in-out;

}

.navbar .navbar-nav .nav-link:hover {

    border-color: #999999;

}

.navbar .navbar-nav .nav-link:active,
.navbar .navbar-nav .nav-link.active {

    border-color: #000000;

}

.navbar .navbar-nav .nav-link:active:hover,
.navbar .navbar-nav .nav-link.active:hover {

    border-color: #999999;

}

.navbar .navbar-nav .nav-link.nav-link-search {

    border-bottom: none !important;

}

.navbar .navbar-toggler {

    font-size: 1.75rem;

    color: #999999;

}

.navbar .navbar-toggler:focus {

    box-shadow: none;

}

.navbar .search-toggler {

    margin-left: auto;

    padding: .25rem .75rem;

    font-size: 1.75rem;

    line-height: 1;

    background-color: transparent;

    border: 1px solid transparent;

    border-radius: .25rem;

    color: #999999;

    transition: box-shadow .15s ease-in-out;

}

.dropdown-toggle,
.dropdown-toggle:hover,
.dropdown-toggle:active,
.toggle-dropdown,
.toggle-dropdown:hover,
.toggle-dropdown:active {

    border-color: transparent !important;

}

.dropdown-toggle::after,
.toggle-dropdown::after {

    content: "\f0d7";

    display: inline-block;

    font-family: 'Font Awesome 5 Free';

    margin-left: .255em;

    border: none;

    vertical-align: top;

}

.dropdown-menu {

    min-width: auto;

    background-color: #000000;

    padding: 0.5rem 1rem !important;

    border-radius: 0;

}

.dropdown-menu .dropdown-item {

    color: #ffffff;

    padding: .25rem 0 !important;

    transition: border-color .15s ease-in-out;

}

.nav-link {

    color: #000000;

}

.nav-link:hover,
.nav-link:active {

    color: #000000;

}

.dropdown-item {

    font-size: .95rem;

    border-bottom: 2px solid transparent;

    text-transform: uppercase;

    letter-spacing: .125em;

}

.dropdown-item:focus,
.dropdown-item:hover {

    background-color: transparent;

}

.dropdown-item.active {

    color: #ffffff;

    text-decoration: none;

    background-color: transparent;

    border-bottom: 2px solid #ffffff;

}

.dropdown-item:hover {

    border-bottom: 2px solid #999999;

    color: #ffffff
}

.dropdown-item.active,
.dropdown-item:active {

    border-bottom: 2px solid #ffffff;

    background-color: transparent;

}



#block-lookatmedia-search {

    background: #ffffff;

    width: 100%;

    /*padding: 5rem 0 6.5rem;*/

    padding: 50px;

    display: none;

}

#block-lookatmedia-search form {

    display: flex;

    align-items: center;

}

#block-lookatmedia-search .form-search {

    background: transparent;

    border: none;

    font-size: 40px;

    width: 100%;

    font-weight: bold;

}

#block-lookatmedia-search .form-search:focus {

    outline: none;

}

#block-lookatmedia-search .form-search::placeholder {

    color: #bbbbbb;

}

#search-block-form .js-form-item.form-item {

    width: 92%;

    float: left;

}

#block-lookatmedia-search .form-submit {

    background: black !important;

    border: none !important;

    color: transparent !important;

    font-size: 0;

    border-radius: 50%;

    margin: 0 !important;

    position: relative;

    height: 60px;

    width: 60px;

}

#block-lookatmedia-search .form-submit:after {

    content: "\f002";

    font-family: 'Font Awesome 5 Free';

    color: #ffffff;

    font-size: 2rem;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



/****************************************************************************************************

FRONT PAGE

CSS for the front page.

****************************************************************************************************/

.frontpage-slider .slider-title {

    position: absolute;

    top: 22vw;

    right: 5%;

    font-size: 5.25vw;

    line-height: 6.5vw;

    z-index: 2;

    letter-spacing: -.02em;

}

.frontpage-slider .slider-title span {

    background-color: #ffffff;

    padding: 0 0 .85rem 1.25rem;

}

.frontpage-slider .slider-image {

    width: 72.5%;

}

.frontpage-slider .ar-slider {

    height: 0;

    overflow: hidden;

    padding-top: 66.66%;

    position: relative;

}

.frontpage-slider .ar-slider img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    object-fit: cover;

    height: 100%;

}

.frontpage-slider .slider-content {

    width: 27.5%;

    padding: 37vw 5% 0;

}

.frontpage-slider .slider-intro {

    font-size: 1.125em;

    margin-bottom: 1.5rem;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.frontpage-slider .slider-readmore {

    padding: .75em 2em;

}

.frontpage-slider .carousel-indicators {

    top: 5%;

    right: 6%;

    bottom: inherit;

    left: inherit;

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 0;

}

.home-search-form {

    display: none;

}

#block-views-block-frontpage-block-2 {

    overflow: hidden;

}

.featured-news {

    overflow: hidden;

    width: max-content;

    padding-top: .75em;

}

.featured-news-row {

    display: inline-flex;

    align-items: baseline;

    padding: .25rem 1.25rem;

    border-right: 1px solid #000000;

}

.featured-news-row>a {

    padding-left: 1rem;

    color: #000000 !important;

    text-decoration: none;

    font-weight: 600;

    text-transform: uppercase;

}

.featured-news-title {

    margin-bottom: 0;

}

.featured-news-title a {

    color: #000000 !important;

    text-decoration: none;

    font-size: 3vw;

    font-weight: 700;

}

.home-search {

    padding: 4.5em 0;

}

.home-search .row {

    align-items: center;

}

.home-search-title {

    margin-bottom: 1.25rem;

    font-size: 3.25em;

}

.home-search-description {

    margin-bottom: 0;

    font-size: 1.125em;

}

.home-search-form form {

    max-width: 80%;

    margin: 0 auto;

}

.home-search-form input {

    width: 100%;

    height: 56px;

    background-color: #ffffff;

    color: #000000;

    border-radius: 50px;

    border:1px solid #000000 !important;

    padding: 0 30px;

    font-size: 1em;

}

.home-search-form input:focus {

    outline: none
}

.home-search-form .js-form-item.form-item.js-form-type-select.form-item-tags.js-form-item-tags.form-no-label {

    overflow: hidden;

    height: 100%;

    position: relative;

    display: block;

}

.home-search-form .js-form-item.form-item.js-form-type-select.form-item-tags.js-form-item-tags.form-no-label:after {

    content: "\f078";

    font-family: 'Font Awesome 5 Free';

    color: #ffffff;

    position: absolute;

    right: 20px;

    top: 50%;

    z-index: 1;

    pointer-events: none;

    transform: translateY(-50%);

}

.home-search-form select {

    width: 100%;

    height: 56px;

    background-color: #000000;

    color: #ffffff;

    border-radius: 50px;

    border-color: #000000;

    padding: 0 30px;

    background-image: url(/themes/lookatmedia/arrow-down-sign-to-navigate.png);

    background-size: 16px 12px;
    /*background-image: none;*/

}

.home-search-form form button {

    height: 50px;

    width: 50px;

    font-size: 0;

    border: 2px solid #000000;

    background-color: #000000;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    margin-right: .5rem;

}

.home-search-form form button:after {

    content: "\f002";

    display: inline-block;

    font-size: 1.75rem;

    font-family: 'Font Awesome 5 Free';

    color: #ffffff;

}

.home-search-form form .form-actions {

    width: auto;

    /*width: 100%;*/

    float: left;

}

.hide-home-search-form {

    background-color: transparent;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 2px solid #000000;

    font-size: 2rem;

    float: left;

    display: flex;

    align-items: center;

    justify-content: center;

}

.home-search-form form div {

    margin-bottom: 1rem;

}

.home-search-form form div:first-child {

    margin-top: 0;

}

.featured-story-ideas {

    padding: 3.5em 0;

    background-color: #f0f0f0;

}

.path-frontpage .minihome-main-title {

    margin-bottom: 0;

}

.path-frontpage .minihome-banner-row:first-child {

    margin-top: 3.125em;

}

.path-frontpage .minihome-banner-row:last-child {

    margin-bottom: 0;

}

.path-frontpage .rellax.minihome-banner-row-inner {

    margin-top: 11em;

}

/* comment out 20220207 as per request by Manisha 20220204
.minihome-banner-image img,.nes-body-image img,.slider-image img,.minihome-row img{
    background: url(/themes/lookatmedia/image-placeholder.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
*/

.search-animate {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.search-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background-color: #000000;

    color: #ffffff;

    text-align: center;

    vertical-align: middle;

    font-size: 2rem;

    border: none;

}

.circle {

    border-radius: 50%;

    border-width: 20px;

    border-style: solid;

    border-color: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

    animation-duration: 4s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-out;

    animation-delay: 4s;

}

.one {

    width: 230px;

    height: 230px;

    animation-name: fadein1;

}

.two {

    width: 150px;

    height: 150px;

    animation-name: fadein2;

}

.search-animate h2 {

    font-weight: 700;

    opacity: 0;

    animation-name: fadein3;

    animation-duration: 4s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-out;

    animation-delay: 4s;

}

@keyframes fadein1 {

    0% {
        border-color: transparent;
    }

    20% {
        border-color: transparent;
    }

    40% {
        border-color: #000000;
    }

    60% {
        border-color: #000000;
    }

    90% {
        border-color: #000000;
    }

}



@keyframes fadein2 {

    0% {
        border-color: transparent;
    }

    20% {
        border-color: #000000;
    }

    40% {
        border-color: #000000;
    }

    60% {
        border-color: #000000;
    }

    90% {
        border-color: #000000;
    }

}

@keyframes fadein3 {

    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

}



/****************************************************************************************************

MINI-HOME PAGES

CSS for all the mini-home pages, e.g. story ideas, news, events, etc.

****************************************************************************************************/

.split-header {

    align-items: center;

    padding: 3em 0;

}

.minihome-page-title {

    margin-bottom: 2rem;

    font-size: 4.5em;

    line-height: normal;

    letter-spacing: -.02em;

}

.minihome-page-description {

    margin-bottom: 0;

    font-size: 1.125em;

}

.split-header #block-minihomesearchanimation .search-animate h2 {

    display: none;

}

.minihome-search-details * {

    font-weight: 700;

    margin-bottom: 0;

}

.minihome-search-before {

    color: #bbbbbb;

    font-size: 3em;

}

.minihome-search-title {

    display: inline-block;

    font-size: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

}

.minihome-search-total {

    font-size: 2em;

}

.minihome-search-results .minihome-content {

    padding-top: 3.5em;

}

.no-result-title {

    font-size: 2em;

    font-weight: 700;

}

.no-result-content {

    font-size: 1.25em;

    margin-bottom: 0;

}

.minihome-banner,
.minihome-content {

    background-color: #f0f0f0;

}

.minihome-banner {

    padding-top: 3.5em;

}

.minihome-content {

    padding-bottom: 3.5em;

}

.minihome-content.taxonomy-term-results {

    padding-top: 3.5em;

}

.minihome-banner-row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 3.125em;

}

.minihome-banner-row-inner {

    width: 50%;

    padding: 42.5px 50px 50px;

    z-index: 100;

    margin-right: -90px;

    background-color: #ffffff;

    display: inline-block;

}

.minihome-banner-row-inner.minihome-banner-row-date {

    padding: 0;

}

.minihome-banner-row-date-inner {

    padding: 40px 50px 50px;

}

.minihome-banner-image {

    width: 60%;

    display: block;

    position: relative;

    z-index: 1;

}

.minihome-banner-row-inner h3 {

    margin-bottom: 1.25rem;

    line-height: 2.5rem;

}

.minihome-banner-row-inner h3 a {

    color: #000000 !important;

    text-decoration: none;

    font-size: 2rem;

    font-weight: 700;

}

.minihome-banner-row-inner p {

    margin-bottom: 1.25rem;

    font-size: 1.125em;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.banner-mirror {

    flex-direction: row-reverse;

}

.banner-mirror .minihome-banner-row-inner {

    margin-left: -90px;

    margin-right: 0;

}

.minihome-banner .carousel-indicators {

    top: 0;

    bottom: inherit;

    left: inherit;

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 0;

    margin-top: -60px;

}

.carousel-indicators [data-bs-target] {

    width: 17px;

    height: 17px;

    border-radius: 50%;

    padding: 0;

    margin-right: 5px;

    margin-left: 5px;

    background-color: transparent;

    border: 1px solid #000000 !important;

    border-top: inherit;

    border-bottom: inherit;

    opacity: 1;

    transition: background-color .6s ease-in-out;

}

.carousel-indicators .active {

    background-color: #000000;

}

.minihome-main-title {

    position: relative;

    padding-bottom: 1.5em;

    margin-bottom: 1.75em;

    text-transform: uppercase;

    font-size: 1em;

    line-height: 1.25em;

    letter-spacing: .125em;

    font-weight: normal;

}

.minihome-main-title:after {

    content: '';

    border-top: 1px solid #000000;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 103px;

}

.minihome-rows>div {

    margin-bottom: calc(var(--bs-gutter-x));

}

.minihome-row {

    height: 100%;

    background-color: #ffffff;

}

.ar-3-by-2 img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;



}

.minihome-ptag-time {

    margin-bottom: 1.25rem;

    padding: 0;

    list-style-type: none;

    line-height: normal;



}

.minihome-ptag-time li {

    font-size: 14px;

    text-transform: uppercase;

    display: inline;

}

.minihome-ptag-time li:first-child {

    padding-right: 1rem;

}

.minihome-ptag-time li a {

    color: #000000 !important;

    text-decoration: none !important;

    font-weight: 600;

}

.minihome-tags ul {

    display: flex;

    margin: 0;

    padding: 0;

    list-style-type: none;

    font-size: 0.9em;

    color: #999999;

}

.minihome-tags ul li {

    font-size: 12px;

    padding-right: 1rem;

    text-decoration: underline;

}

.ar-3-by-2 {

    height: 0;

    overflow: hidden;

    padding-top: 66.66%;

    background-color: #ffffff;

    position: relative;

}

.minihome-row h3 {

    margin-bottom: 1.25rem;

    line-height: 1.8rem;

}

.minihome-row h3 a {

    color: #000000 !important;

    text-decoration: none;

    font-size: 1.5rem;

    font-weight: 700;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    min-height: 60px;

}

.minihome-row p {

    margin-bottom: 1.25rem;

    font-size: 1.125em;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    min-height: 55px;

}

.minihome-row-content {

    background-color: #ffffff;

    width: 100%;

    display: inline-block;

    padding: 1.25em 1.5em 1.5em;

}

.minihome-date {

    padding: .75rem 1.5rem;

    background-color: #ff5211;

    color: #ffffff;

    font-size: 1.25em;

    font-weight: bold;

    text-transform: uppercase;

    display: inline-block;

    letter-spacing: .04em;

    width: 100%;
}

.minihome-date .mini-home-left {
    float: left;
}

.minihome-date .mini-home-right {
    float: right;
    font-size: 12px;
    line-height: 1.25em;
    margin-top: 2px;
    text-align: right;
}

.minihome-date i {

    font-size: 1.25em;

    margin-right: .5em;

    margin-top: .1em;


}



/****************************************************************************************************

NEWS, EVENTS, STORY IDEAS ARTICLE PAGES

CSS for all the article pages mentioned above.

****************************************************************************************************/

.nes {

    position: relative;

}

.nes-banner {

    height: 66.66vw;

    display: flex;

    justify-content: flex-end;

}

.nes-banner-top {

    width: 100%;

    position: absolute;

    display: flex;

    justify-content: space-between;

    padding: 0 3rem;

    background-color: rgba(0, 0, 0, .4);

    color: #ffffff;

    z-index: 1;

}

.nes-top-left,
.nes-top-right {

    display: flex;

}

.nes-top-left {

    text-transform: uppercase;

}

.nes-top-left .published {

    padding: 1.25rem 0;

    font-size: 14px;

}

.nes-top-left .priority-tag {

    margin-right: 1rem;

}

.nes-banner-top .priority-tag a {

    display: inherit;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none !important;

    padding: 20px 0px;

}

.nes-top-right button,
.nes-top-right a {

    display: flex;

    align-items: center;

    margin: 0 1.125rem;

    padding: 1.25rem 0;

    border: none;

    color: #ffffff !important;

    text-decoration: none !important;

    background-color: transparent;

}

.nes-top-right>button:last-child {

    margin-right: 0;

}

.nes-top-right>button i,
.nes-top-right>a i,
.nes-top-right>form button i,
.nes-top-right>form a i,
.nes-top-right>.share-menu-wrapper>button i {

    margin-right: .75rem;

    font-size: 1.25rem;

}

.nes-top-right>button span,
.nes-top-right>a span,
.nes-top-right>form button span,
.nes-top-right>form a span,
.nes-top-right>.share-menu-wrapper>button span {

    font-weight: 600;

    font-size: 14px;

}

.nes-mobile-actions {

    align-items: baseline;

    justify-content: space-around;

    margin-top: .75rem;

    padding: 1.25rem 0;

    border-top: 1px solid #cccccc;

}

.nes-mobile-actions button,
.nes-mobile-actions a {

    border: none;

    background-color: transparent;

    color: #000000;

    text-decoration: none;

    padding: 0;

    font-size: .75rem;

    font-weight: 600;

    display: flex;

    flex-direction: column;

    align-items: center;

}

.nes-mobile-actions i {

    font-size: 1.5rem;

    margin-bottom: 4px;

}

.share-menu {

    height: 0;

    overflow: hidden;

    position: absolute;

    display: flex;

    flex-direction: column;

    top: 4rem;

    right: -1.125rem;

    background-color: rgba(0, 0, 0, .4);

    transition: height .3s ease-in-out;

}

.share-menu:hover {

    height: 158px;

}

.share-menu a {

    color: #ffffff !important;

    text-decoration: none !important;

    padding: .5rem 2.431rem;

    margin: 0;

}

.share-menu a:last-child {

    padding-bottom: 1rem;

}

.nes-top-right button.share {

    margin-right: 0;

}

.nes-top-right button.share:hover+.share-menu {

    height: 158px;

}

.nes-info,
.nes-info-hover {

    position: absolute;

    bottom: 0;

    right: 0;

    cursor: pointer;

    z-index: 3;

}

.nes-info-inner,
.nes-info-hover-inner {

    width: 0;

    height: 0;

    border-bottom: 75px solid #ff5211;

    border-left: 75px solid transparent;

}

.nes-info span {

    position: absolute;

    bottom: 12.5%;

    right: 12.5%;

    color: #ffffff;

}

.nes-info-hover i {

    position: absolute;

    bottom: 17.5%;

    right: 17.5%;

    color: #ffffff;

}

.nes-banner-inner {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    justify-content: flex-end;

    padding-bottom: 2.5vw;

    padding-right: 7vw;

}

.nes-events .nes-banner-inner {

    padding-bottom: 5vw;

}

.nes-banner .nes-image {

    position: absolute;

    top: 0;

    width: 100%;

}

.nes-banner img {

    position: absolute;

    z-index: -100;
    width: 100%;
    height: auto;

}

.nes-latestnews {

    padding: 1.125rem 1rem 1.125rem 1.25rem;

    color: #ff5211;

    font-size: 2vw;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    font-weight: normal;

    background-color: #000000;

}

.nes-eventdates-save {
    background: #ff5212;
    color: #fff;
    text-align: right;
    font-weight: 600;
    line-height: 14.4px;
    font-size: 15px;
    cursor: pointer;
    z-index: 3;
    padding: 1.25rem 1.5rem;
}

.nes-banner-inner a:hover {
    color: #fff !important;
}

.nes-eventdates {

    /*padding: 1rem 1.5rem;*/

    background-color: #ff5211;

    color: #ffffff;

    font-size: 1.75vw;

    font-weight: bold;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    letter-spacing: .04em;

}

.nes-eventdates i {

    font-size: 2.25vw;

    margin-right: .35em;

}

.nes-banner-title {

    text-align: right;

    font-size: 5vw;

    line-height: 6vw;

    margin-bottom: .7rem;

}

.nes-banner-title span {

    background-color: #ffffff;

    padding: 0 1.25rem .75rem;

}

.nes-news .nes-banner-title span,
.nes-news .nes-hashtags {

    color: #ffffff;

    background-color: #000000;

}

.nes-hashtags {

    padding: .75vw;

    display: flex;

    font-size: 1.1vw;

    background-color: #ffffff;

    align-items: center;

}

.nes-hashtags span {

    margin: 0 .75vw;

}

.nes-author {

    color: #ffffff;

    font-size: 2vw;

    font-weight: 600;

    margin-top: 2.25vw;

}

.nes-banner-image-info {

    background-color: #ffffff;

    padding-top: 1.5em;

}

.nes-main {

    padding: 3.5em 0;

    background-color: #ffffff;

}

.nes-image-info {

    line-height: 1.5;

}

.nes-image-info p {

    font-size: 14px;

    margin-bottom: 0;

}

.nes-image-info .image-title {

    font-weight: 600;
    text-transform: uppercase;

}

.nes-image-info .image-attribution {

    text-transform: uppercase;

}

.nes-image-info .image-description {

    margin-top: 1em;

}

.nes-image-info .image-hashtags {

    font-size: 12px;

    margin-top: 1em;

}

.nes-image-info .image-hashtags span {

    margin-right: 1em;

}

.article-spacer {

    border-top: 1px solid #000000;

    display: block;

    width: 140px;

}

.nes-banner-image-info .article-spacer {

    margin-top: 6em;

}

.nes-body-copy p,
.nes-body-copy li,
.nes-body-copy a {

    font-size: 1.125em;

    margin-top: 0;

    margin-bottom: 2rem;

    font-weight: 400;

}

.nes-body-copy span {

    color: #000000;
    /*font-size: 18px;*/

}

.nes-body-copy h1,
.nes-body-copy h2,
.nes-body-copy h3,
.nes-body-copy h4,
.nes-body-copy h5,
.nes-body-copy h6 {

    margin-top: 0;

    margin-bottom: 1.2rem;



}

.nes-body-copy h1,
.nes-body-copy h2,
.nes-body-copy h3,
.nes-body-copy h4,
.nes-body-copy h5,
.nes-body-copy h6 {

    font-weight: bold;

}

.nes-body-image {

    margin-bottom: 2rem;

}

.secondary-tags {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.secondary-tags li {

    display: inline-block;

    padding-right: .75em;

    font-size: 14px;

}

.secondary-tags a {

    text-decoration: underline !important;
}

.more-articles {

    padding: 5rem 0;

    background-color: #f0f0f0;

}

.more-articles .minihome-main-title {

    margin-bottom: 2.25em;

}

.more-articles .carousel-indicators {

    top: 0;

    bottom: inherit;

    left: inherit;

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 0;

    margin-top: -70px;

}

.more-articles .more-article-title {

    margin-bottom: 0;

    transition: opacity ease-out .7s;

}

.more-articles .more-article-title a {

    color: #000000 !important;

    margin-top: 1.5rem;

    display: block;

    text-decoration: none;

    font-weight: 700;

    font-size: .9em;

}

.login-form.login-form-banner {

    background-color: transparent;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 66.66vw;
    pointer-events: auto;

}



.login-form {

    position: relative;

    z-index: 0;

}

.login-form img {

    transition: .5s all;
    object-fit: cover;

}

.img-d-none {

    display: block;

    width: 50%;

}

.login-form h3 {

    font-size: 2em;

    color: #ffffff;

    margin: 0 0 20px 0;

    font-weight: 600;

}

.login-form .form-group {

    margin-bottom: 15px;

}

.login-form input {

    border: none;

    background: #ffffff;

    color: #000000;

    font-size: 1.25em;

    border-radius: 0;

    margin-right: 10px !important;

    height: 56px;

}

.login-form input:focus {

    outline: none;

    box-shadow: none;

}

.blbtn {

    background: #000000;

    color: #ffffff;

    padding: 15px;

    font-size: 24px;

    border-radius: 50px;

    margin: 2px 0px;

    overflow: hidden;

    clear: both;

    display: inline-block;

    min-width: 300px;

    text-transform: uppercase;

    border: none;

    text-align: center;

}

.login-form .blbtn {

    min-width: 120px;

    font-size: 1.25em;

    padding: 10px 5px;

    background: #ffffff;

    color: #000000;

    width: auto;

    display: inline-block;

    letter-spacing: 0.1rem;

}

.login-form .form-check {

    font-size: 14px;

    color: #ffffff;

    line-height: normal;

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.js-form-item-password-pass2 label {
    margin-top: 15px;
}

.password-suggestions {
    color: #999999;
}

.login-form .new-user-register {

    font-size: 1.05em;

    line-height: 16px;

    color: #ffffff;

    margin: 25px 0 0 0;

}

.login-form .new-user-register a {

    color: #ffffff !important;

    text-decoration: underline;

}

.unclickform {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: transparent;

    /* z-index: 1;  */

}

.login-form>form {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    transition: 0.5s all;

    background-color: rgba(0, 0, 0, 0.8);

}

#no-hover-banner .lam-hover-login {
    opacity: 0;
    transition: opacity 0.3s;
}

.text-right {

    text-align: right
}

.login-form .form-check .form-check-input {

    padding: 0.6em;

    border-radius: 0;

    height: inherit;

    font-size: inherit;

}

.login-form .form-check-label {

    font-size: 1.125em;

    font-weight: normal;

    cursor: pointer;

}

.login-form .form-check-input:checked {

    background-color: #ff5211;

    border-color: #ff5211;

}



/****************************************************************************************************

RESOURCES PAGE

CSS for the resources pages.

****************************************************************************************************/

.rp-banner {

    height: 30vw;

    display: flex;

    align-items: flex-end;

    justify-content: flex-end;

}

.rp-banner-inner {

    padding-bottom: 4vw;

    padding-right: 7vw;

}

.rp-banner img {

    position: absolute;

    z-index: -100;

    top: -32%;

}

.rp-banner-title {

    float: right;

    text-align: right;

    font-size: 5.25vw;

    line-height: 6.25vw;

    margin: 0;

}

.rp-banner-title span {

    background-color: #ffffff;

    padding: 0 1.25rem;

}

.rp-main {

    padding: 3.5em 0;

    background-color: #ffffff;

}

.rp-date i {

    font-size: 1.75em;

    margin-right: .1em;

}

.rp-date span {

    font-size: 1.125em;

    font-weight: 700;

    text-transform: uppercase;

}

.rp-title h2 {

    font-size: 1.875em;

    line-height: normal;

    margin: .9rem 0 1rem;

}

.rp-content p {

    margin: 0;

    font-size: 1.125em;

}

.rp-main-inner .rp-row {

    margin-top: 3em;

    padding-top: 3em;

    border-top: 1px solid #000000;

}

.rp-main-inner .rp-row:first-child {

    margin-top: 0;

    padding-top: 0;

    border: none;

}

.node-type-resources-page .pager-show-more {

    padding-bottom: 3.5em;

    background-color: #ffffff;

}

.faq-form {

    background-color: #000000;

    padding: 2.25em 0;

}

.faq-form form {

    display: flex;
    align-items: center;

}

.faq-form form .form-item-combine {

    width: 90%;

}

.faq-form form #edit-combine {

    width: 100%;

    margin-top: 0;

    padding: .75rem 1.5rem;

    font-size: 1.5em;

    line-height: normal;

    color: #000000;

    border: none;

    border-radius: 100px;

}

.faq-form form .form-actions {

    width: 9%;

    text-align: right;

}

.faq-form form button#edit-submit-resources-page-blocks {

    width: 53px;

    height: 53px;

    padding: 0;

    background-color: #000000;

    border: 2px solid #999999;

    border-radius: 53px;

    color: #ffffff;

    font-size: 0;

    margin-left: 10px;

}

.faq-form form button#edit-submit-resources-page-blocks:after {

    content: "\f002";

    font-family: 'Font Awesome 5 Free';

    font-size: 1.5rem;

}



/****************************************************************************************************

FOOTER SECTION

CSS for footer section blocks.

****************************************************************************************************/

.footer-nav .nav-link {

    padding-top: 0;

    padding-bottom: 0;

    font-size: 16px;

    font-weight: 400;

}

.footer-nav .nav-link:first-child {

    padding-left: 0;

}

.copyright-text p {

    margin: .4rem 0;

    font-size: 13px;

    font-weight: 400;

}

.copyright-text a {

    text-decoration: none;

    color: #000;

}

.footer-logo {

    width: 100%;

    margin: 0;

    margin-left: auto;

}



/****************************************************************************************************

CONTACT SECTION

CSS for contact section that is above the footer.

****************************************************************************************************/

.contact-section h2 {

    font-size: 2.75rem;

    margin-bottom: 0;

    font-weight: 400;

}



/****************************************************************************************************

SITE LOGIN/REGISTRATION PAGES

CSS for the login/registration/forgot password pages.

****************************************************************************************************/

.js-form-item label {
    font-size: 1.125em;
    font-weight: 600;
    padding-left: 15px;
}

.js-form-item-rememberme label {
    font-size: 14px;
}

#edit-email--description {
    padding-left: 15px;
}

.page-user-login #block-lookatmedia-content {

    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/themes/lookatmedia/form-background.jpg);

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    padding: 4rem 0;

    justify-content: center;

    align-items: center;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

#user-login-form {

    background-color: #ffffff;

    padding: 2rem;

    max-width: 700px;

}

#user-login-form:before {

    content: "Login";

    font-weight: 500;

    color: #000000;

    display: block;

    text-align: center;

    font-size: 2.25em;

    line-height: normal;

    text-transform: capitalize;

    font-weight: bold;

    padding-bottom: 1.125rem;

}

#user-login-form input {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem 1rem;

    font-size: 1.25rem;

    font-weight: 600;

    line-height: 1.5;

    color: #000000;

    background-color: #ffffff;

    background-clip: padding-box;

    border: 1px solid #000000;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    height: 56px;

    border-radius: 30px;

    margin-bottom: 1.125rem;

}

#user-login-form input:focus {

    outline: none;

}

.js-form-item-name label,
.js-form-item-pass label {

    font-weight: 800;

    color: #000000;

    font-size: 1.25em;

    padding-left: 20px;

}

#user-login-form .description {

    font-size: 16px;

    display: none;

}

.page-user-login button#edit-submit {

    background-color: #000000;

    color: #ffffff;

    padding: 1rem 1.5rem;

    font-size: 1.125em;

    border-radius: 50px;

    margin: 1.125rem 0 0 0;

    overflow: hidden;

    clear: both;

    display: inline-block;

    text-transform: uppercase;

    border: none;

    text-align: center;

    letter-spacing: 0.125rem;

}

.page-user-login #edit-actions {

    text-align: right;

}



/****************************************************************************************************

GLOBAL SEARCH

CSS for the global search results page.

****************************************************************************************************/

.global-search form label,
.global-search form button,
.global-search form .search-help-link,
.global-search+h2 {

    display: none !important;

}

.global-search {

    background: #eeeeee;

    padding: 5em 0;

}

.global-search form .form-search {

    border: none;

    background: transparent;

    color: #000000;

    font-size: 2.6rem;

    text-transform: capitalize;

    pointer-events: none;

    padding: 0;

    line-height: normal;

    font-weight: 700;

}

.global-search .global-search-title {

    color: #bbbbbb;

    font-size: 3em;

    line-height: normal;

    margin: 0;

    font-weight: 700;

}

.global-search-total {

    font-size: 2.25em;

    font-weight: 700;

    margin-bottom: 0;

    margin-top: .3rem;

}

.global-search-results {

    margin: 0;

    padding: 5rem 0;

}

.global-search-results>h3 {

    font-size: 2em;

    font-weight: 700;

}

.global-search-results .results-list {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.global-search-results .results-list .result-row .result-title {

    font-size: inherit;

    margin-top: 2.5rem;

    margin-bottom: 0;

}

.global-search-results .results-list .result-row:first-child .result-title {

    margin-top: 0;

}

.global-search-results .results-list .result-title a {

    font-size: 2.25em;

    font-weight: 700;

    color: #000000;

    text-decoration: none;

}



/****************************************************************************************************

PAGINATION

CSS for pagination nav menu.

****************************************************************************************************/

.page-item.active .page-link {

    background-color: #000000;

    border-color: #000000;

}

.page-link {

    color: #000000;

    border-color: #dddddd;

}

.page-link:hover,
.page-link:focus {

    color: #000000;

    background-color: #dddddd;

    border-color: #dddddd;

}

.path-search .layout-content nav {

    padding-bottom: 5em;

}



/****************************************************************************************************

SITE SOCIALS

CSS for website socials widget.

****************************************************************************************************/

.site-socials {

    display: flex;

    flex-direction: column;

    position: fixed;

    background-color: #000000;

    padding: .5em .55em;

    border-width: 1px 1px 1px 0;

    border-style: solid;

    border-color: #333333;

    border-radius: 0 .5em .5em 0;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    font-size: .9em;

    z-index: 1034;

}

.site-socials a {

    color: #ffffff !important;

    margin: .25em 0;

}

.site-socials a:first-child {

    margin-top: .4em;

}



/****************************************************************************************************

BASIC PAGE

CSS for the basic article page.

****************************************************************************************************/

.basic-page {

    padding: 3.5em 0;

}

.basic-title,
.basic-content p,
.basic-content h1,
.basic-content h2,
.basic-content h3,
.basic-content h4,
.basic-content h5,
.basic-content h6 {

    margin-top: 0;

    margin-bottom: 2rem;

}

.basic-content p,
.basic-content li,
.basic-content span,
.basic-content a {

    font-size: 1.125em;

}



/****************************************************************************************************

POPUPS

CSS for the different popups.

****************************************************************************************************/

.login-popup {

    display: none;

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    margin: 0;

    padding: 0;

    z-index: 1035;

    background-color: #000000;

    color: #ffffff;

}



.image-popup {

    display: none;

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    margin: 0;

    padding: 0;

    z-index: 1035;

    background-color: #ffffff;

    color: #000000;

}

.image-popup-buttons {

    display: flex;

    flex-direction: column;

    align-items: center;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 2rem 0;

}

button.open-login-popup {

    margin-bottom: 4rem;

}



button.close-popup {

    background-color: transparent;

    border: 1px solid #000000;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    line-height: 1.25rem;

    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

button.close-popup.text-white {

    border-color: #ffffff;

}



.attribution-popup {

    display: none;

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    margin: 0;

    padding: 0;

    z-index: 1035;

    background-color: #000000;

    color: #ffffff;

}

.attribution-popup-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    position: fixed;

    top: 337px;

    bottom: 0;

    left: 0;

    right: 0;

    width: 35%;

    margin: 0 auto;

    padding: 2rem 0px;

}

.attribution-popup-content .attribution-text {

    font-size: 1.25rem;

    padding: 0 2rem;

    text-align: center;

    line-height: 2.5rem;

    margin-bottom: 2.5rem;

}

button.open-login-popup,
button.attribution-download-image {

    margin-bottom: 4rem;

}



.search-popup {

    display: none;

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    margin: 0;

    padding: 0;

    z-index: 1035;

    background-color: #ffffff;

    color: #000000;

}

.search-popup-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 2rem 12px;

}

.search-popup .home-search-form {

    display: block;

    margin-bottom: 3rem;

}

.search-popup .home-search-form form {

    max-width: 100% !important;

}



.lam-popup-login .form-group {

    width: 100%;

    text-align: center;

    margin-bottom: 1.5rem;

}

.lam-popup-login .form-check {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.125rem;

}

.lam-popup-login>h3 {

    font-size: 2.25rem;

    font-weight: 700;

    margin-bottom: 1.5rem;

}

.lam-popup-login a {

    color: #ffffff;

}

.lam-popup-login-button {

    display: inline-block;

    font-weight: 400;

    line-height: 1.5;

    text-align: center;

    vertical-align: middle;

    user-select: none;

    text-transform: uppercase;

    border-radius: 100px;

    padding: 1rem 2rem;

    margin: 0 .25rem;

    letter-spacing: 0.125em;

    color: #ffffff;

    background-color: #ff5211;

    border: none;

}

.lam-popup-login .form-control {

    font-size: 1.25rem;

    border-radius: 100px;

    padding: .7rem 1.25rem;

    color: #000000;

}

.lam-popup-login .new-user-register {

    font-size: 1.125rem;

    margin-bottom: 4rem;

}

.lam-popup-login .form-check .form-check-label {

    margin-left: 1rem;

}

.lam-popup-login .form-check .form-check-input {

    border: none;

    border-radius: 0;

}

.lam-popup-login .form-check .form-check-input:checked {

    background-color: #ff5211;

    border-color: #ff5211;

}

.rdmore {

    font-size: 24px;

    color: #000000;

    margin-top: 20px;

}

.read-more-element.rdmore a {

    font-size: 18px;

    color: #000;

    text-transform: uppercase;

    text-decoration: none;

    font-weight: 400;

    letter-spacing: .125em;

}

#edit-advanced {

    display: none;

}

.path-lam #block-lookatmedia-content {

    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/themes/lookatmedia/form-background.jpg);

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    padding: 4rem 0;

    justify-content: center;

    align-items: center;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

#lookatmedam-login {

    background-color: #ffffff;

    padding: 2rem;

    max-width: 700px;

}

#lookatmedam-login input,
#contact-message-contact-form-form input {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem 1rem;

    font-size: 1.125rem;

    font-weight: 400;

    line-height: 1.5;

    color: #000000;

    background-color: #ffffff;

    background-clip: padding-box;

    border: 1px solid #000000;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    height: 56px;

    border-radius: 30px;

    margin-bottom: 1.125rem;

}

#edit-preview {
    display: none;
}

#lookatme-registration {

    background-color: #ffffff;

    padding: 2rem;

    max-width: 700px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

}

#lookatme-registration input {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem 1rem;

    font-size: 1.125rem;

    font-weight: 400;

    line-height: 1.5;

    color: #000000;

    background-color: #ffffff;

    background-clip: padding-box;

    border: 1px solid #000000;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    height: 56px;

    border-radius: 30px;

    margin-bottom: 1.125rem;

}

#lookatme-forgotpass {

    background-color: #ffffff;

    padding: 2rem;

    max-width: 700px;

}

#lookatme-forgotpass input {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem 1rem;

    font-size: 1.125rem;

    font-weight: 400;

    line-height: 1.5;

    color: #000000;

    background-color: #ffffff;

    background-clip: padding-box;

    border: 1px solid #000000;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    height: 56px;

    border-radius: 30px;

    margin-bottom: 1.125rem;

}


.path-lam button#edit-submit {

    background-color: #000000;

    color: #ffffff;

    padding: 1rem 1.5rem;

    font-size: 1.125em;

    border-radius: 50px;

    margin: 1.125rem 0 0 0;

    overflow: hidden;

    clear: both;

    display: inline-block;

    text-transform: uppercase;

    border: none;

    text-align: center;

    letter-spacing: 0.125rem;

}

#edit-actions {

    text-align: center;
    /* width: 8%; */

}

.mini-home-right a,
.mini-home-right a:hover {
    color: #fff !important;
}


#edit-rememberme {

    height: 25px !important;
    margin: 0;
    width: 10% !important;

}

.form-item-rememberme {

    display: flex;
}

#pageerror {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/themes/lookatmedia/404.jpg);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 13% 0;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#success {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/themes/lookatmedia/success.jpg);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 13% 0;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#edit-register {
    margin-right: 10px;
    text-decoration: underline !important;
    font-size: 14px;

}

#edit-forgotpass {
    text-decoration: underline !important;
    font-size: 14px;

}

.error-page {

    color: #ffffff;
    text-align: center;
    font-size: 5rem;

}

.success-page {

    color: #ffffff;
    text-align: center;
    font-size: 5rem;

}

.success-content {

    color: #ffffff;
    text-align: center;
}

.error-content {

    color: #ffffff;
    text-align: center;
}

.nes-body-intro {

    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 2.5rem;

}

.media-release-content h1 {

    font-weight: 300;
}

.media-release-content strong {

    font-weight: 700;
}

.rp-content p,
.rp-content span {

    font-size: 1.125rem;

}

.lable-title {
    font-size: 2.5rem;
    font-weight: bolder;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.js-form-required {
    font-size: 1.125em;
    font-weight: 600;
    padding-left: 15px;
}

#edit-login-title {
    display: none;
}

#contact-message-contact-form-form {
    background: #f0f0f0;
    padding: 0 110px;
}

#contact-message-contact-form-form #edit-field-first-name-wrapper {
    width: 50%;
}

#contact-message-contact-form-form #edit-field-last-wrapper {
    width: 50%;
}

#contact-message-contact-form-form #edit-field-organisation-wrapper {
    width: 50%;
}

#contact-message-contact-form-form #edit-langcode-wrapper {
    width: 50%;
}

#contact-message-contact-form-form #edit-langcode-wrapper {
    width: 50%;
}

#contact-message-contact-form-form #edit-field-email-wrapper {
    width: 50%;
}

#contact-message-contact-form-form #edit-field-enquiry-type-wrapper {
    width: 50%;
}

#contact-message-contact-form-form #edit-message-wrapper {
    width: 50%;
}

#edit-field-enquiry-type {
    border: 1px solid #000000;
    height: 56px;
    border-radius: 30px;
    color: #fff;
    background-color: #000;
}

.path-contact .contact-section,
.path-lam .contact-section {
    display: none;
}

.logged-in-wrapper {
    margin: 425px 0;
    text-align: center;
}

.open-registration-popup {
    cursor: pointer;
}

.register-popup {

    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 1035;
    background-color: #000000;
    color: #ffffff;
}

/*#edit-extra-1 {
    width: 50% !important;
}
#edit-extra-2{
    width: 50% !important;
}*/
.js-form-item-extra-1,
.js-form-item-extra-2 {
    width: 48%;
}

#webform-submission-contact-add-form,
#webform-submission-newsletter-add-form {
    background: #f0f0f0;
    /*padding: 92px 112px;*/

}

#edit-flexbox .js-form-item {
    display: grid;
}

#edit-flexbox input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1rem;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #000000;
    border-radius: .25rem;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 56px;
    border-radius: 30px;
    margin-bottom: 1.125rem;
}

#webform-submission-contact-add-form #edit-flexbox {
    width: 1320px;
    margin: 0 auto;
    padding: 70px 0;
}

#webform-submission-newsletter-add-form #edit-feild-sett .fieldset-wrapper {
    width: 644px !important;
}

#webform-submission-newsletter-add-form #edit-feild-sett {
    width: 1320px !important;
    margin: 0 auto;
    padding: 92px 0;
}

#edit-enquiry-topic {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    background-color: #000000;
    background-clip: padding-box;
    border: 1px solid #000000;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 56px;
    border-radius: 30px;
    margin-bottom: 1.125rem;
}

#edit-form-fieldset .form-select {
    background-image: url('/themes/lookatmedia/arrow-down-sign-to-navigate.png');
}

#edit-actions-submit {
    background-color: #000000;
    color: #ffffff;
    padding: 0.8rem 1.5rem;
    font-size: 1.125em;
    border-radius: 50px;
    margin: 2.6rem 0 0 0;
    overflow: hidden;
    clear: both;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    text-align: center;
    letter-spacing: 0.125rem;
}

#edit-message {
    border: 1px solid #000;
    width: 100%;
    height: 164px;
    padding: 15px;
    margin-top: 6px;
}

#webform-submission-newsletter-add-form #edit-feild-sett {
    width: 40%;
}

#webform-submission-newsletter-add-form #edit-feild-sett #edit-actions,
#edit-actions-submit,
.webform-actions {
    text-align: inherit !important;
}

.lookatmedam-login #edit-actions {
    text-align: center;
}

.contact-class {
    width: 1320px;
    margin: auto;
    padding: 3em 0;
    align-content: center;
}

.contact-class h1 {
    font-size: 4.5rem;
    font-weight: bolder;
    margin-bottom: 2rem;
    letter-spacing: -.02em;
}

.contact-class p {
    margin-bottom: 0;
    font-size: 1.125rem;
}

.js-form-item-enquiry-topic {
    padding-top: 4px;
}

.alert-msg {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('https://i.imgur.com/Z8q7ww7.png');*/
    background-repeat: no-repeat;
    background-position: -1px center;
}

.success-content strong {
    font-weight: 600;
}

.carousel-item {
    transition: transform 2s ease, opacity .5s ease-out !important;
}

/* change transition duration to control the speed of fade effect */
/*.carousel-item {
  transition: transform 6s ease-in-out;
}*/

/*.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 6s;
}*/
.desktop-search {
    display: none;
}


.closeCusModal {

    position: absolute;
    top: 5px;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.6;
    border: none;
    background: transparent;
}


.alert {
    margin-bottom: 0;
}

.global-search .js-form-item-keys {
    width: 100%;
}

.global-search .form-search {
    width: 100%;
}

.nav-link-terms-of-use {
    display: none;
}


.nav-link-disclaimer {
    display: none;
}

.path-news .header-right #block-minihomesearchanimation {
    display: none;
}

/*.fixed-top{
         overflow: auto; 
    height: 100%;
}*/
.lam-popup-registration-button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 1rem 2rem;
    margin: 0 .25rem;
    letter-spacing: 0.125em;
    color: #ffffff;
    background-color: #ff5211;
    border: none;
}

/* lookatmedia 21-10-2021 */
/* lookatmedia 27-1-2022 */
.video-download-btn {
    display: none;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    padding: 1em;
    font-size: 14px;
    min-width: 200px;
}

.video-download-btn-mobile {
    display: none;
    position: absolute;
    top: 0.5em;
    right: 1.5em;
    padding: 7.5px;
    font-size: 14px;
    min-width: 10px;
}

.nes-body-image {
    position: relative;
}

.blbtn-info {

    background: #000000;

    right: 0.5em;

    color: #ffffff;

    padding: 0px;

    font-size: 15px;

    border-radius: 50px;

    margin: 2px 0px;

    overflow: hidden;

    clear: both;

    /*display: inline-block;*/

    min-width: 44px;

    border: none;

    text-align: center;

}

#views-exposed-form-search-pages-page-2 #edit-actions,
#views-exposed-form-search-pages-page-1 #edit-actions {
    width: auto !important;
}

.toolbar-oriented .toolbar-bar {
    z-index: 9999999 !important;
}

/* css added by khushboo valmik on 2/22/2024 */
#views-exposed-form-resources-page-blocks-block-1 .form-submit {
    font-weight: 400;
    /* line-height: 2.5; */
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #000000;
    border: none;
    font-size: 1rem;
    border-radius: 100px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    letter-spacing: 0.125em;
    padding: 0.6rem 1rem !important;
}

#views-exposed-form-resources-page-blocks-block-1 .form-text {
    margin-top: 0;
}


[role="contentinfo"] {
    background: green;
    color: white;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 16px;

}

#views-exposed-form-resources-page-blocks-block-1 #edit-submit-resources-page-blocks {
    margin-left: 0;
}

#login_popup_button {
    display: flex;
    justify-content: end;
    padding: 10px;
}

#custom_popup .lam-popup-login {
    max-width: 100%;
    width: 100%;
}

#custom_popup .lam-hover-login-button {
    background-color: #ff5211;
    min-width: 160px;
    margin-bottom: 1.5rem;
    padding: 12px;
    ;
}

#custom_popup .img-d-none {
    width: 30%;
}

#custom_popup .new-user-register {
    text-align: center;
    margin-top: 1.5rem;

}

#custom_popup h3 {
    text-align: center;
}

#custom_popup .col-4 {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}



.login-form>form {

    transition: opacity 0.3s ease;
}

.showmobilepopup {
    bottom: 0;
    opacity: 1;
}

#video_js .ar-3-by-2 {
    overflow: unset;
    padding-top: 56.66%;

}

#video_js video-js {
    position: absolute;
    top: 0;
}

[name="combine"] {
    width: 100%;
    margin-top: 0;
    padding: .75rem 1.5rem;
    font-size: 1.5em;
    line-height: normal;
    color: #000000;
    border: none;
    border-radius: 100px;
}

#video_js .nes-info-hover {
    bottom: 3px;
}

.video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.4%;
}




@media screen and (max-width: 575px) {
    .minihome-search-title {
        white-space: break-spaces;
    }
}

[aria-label="Error message"] {
    display: none;
}



.media-release-content{
	margin-top:0 !important;
	padding-top:0 !important;
}