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

COMMON CSS

Some common css applicable to the whole website.

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





@font-face {
    font-family: 'Helvetica';
    src: url('../../../../fonts/Helvetica-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../../../../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Optima';
    src: url('../../../../fonts/OPTIMA_B.woff') format('woff');
    font-weight: 700;
}
:root{
    --font-family:'Helvetica';
    --font-family-2:'Optima';
    --primary-color-1:rgb(21,66,135);
    --primary-color-2:rgb(14,179,224);
    --background-color-1:rgb(243,246,249);
    --secondary-color:rgb(169,43,44);
    --color-of-date:rgb(166,43,44);
}

* {

    font-family: var(--font-family);

}

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 : var(--primary-color-2);
  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: var(--primary-color-2);

    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: var(--primary-color-1)!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: #ffffff;

    background-color: transparent;
    
    border:1px solid var(--primary-color-2);

}

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

    color: #ffffff;

    background-color: var(--secondary-color);
    
    border-color:transparent !important;

}

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

    color: #ffffff;

    background-color: var(--primary-color-2);

}



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

MAIN NAVIGATION

CSS for main navigation navbar.

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

header {

    margin-bottom: 87px;

}

.navbar-brand{

    margin-left:0;
    margin-right:0;
    width:230px;

}
/*.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 0.5rem;

    letter-spacing: .125em;

    font-weight: 400;

    text-transform: uppercase;

    border-bottom: 2px solid transparent;

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

}

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

    border-color: #ffffff;

}

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

    border-color: #000;

}

.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: #fff;

}

.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: #fff;

    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: var(--primary-color-1);

    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: 98%;

    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: 9.5vw;

    right: 5%;

    font-size: 5.25vw;

    line-height: 6.5vw;

    z-index: 2;

    letter-spacing: -.02em;
    
    color: var(--primary-color-1);

}

.frontpage-slider .slider-title span {

    background-color: #ffffff;

    padding: 0 0 .85rem 1.25rem;

    font-family:var(--font-family-2);

}

.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: 23.5vw 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 h3 a,.featured-news-row a{
    color:var(--primary-color-1);
    font-family:var(--font-family-2);
}

.featured-news-row > a {

    padding-left: 1rem;

    text-decoration: none;

    font-weight: 600;

    text-transform: uppercase;

}

.featured-news-title {

    margin-bottom: 0;

}

.featured-news-title a {

    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;
    
    color:#000;

}

.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-color: #000000;

    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: var(--background-color-1);

}

.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;
    
    color: var(--primary-color-1);

}

.minihome-page-title strong{
	font-family:var(--font-family-2);
}

.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: 48px;

    white-space: pre;

    overflow: hidden;

    text-overflow: ellipsis;

}

.minihome-search-total {

    font-size: 2em;

}

.minihome-search-results .minihome-content {

    padding-top: 3.5em;

    background:var(--background-color-1);
}

.no-result-title {
    
    display:none;

    font-size: 2em;

    font-weight: 700;

}

.no-result-content {

    font-size: 1rem;

    margin-bottom: 0;

    font-style:italic;

}

.minihome-banner, .minihome-content, .more-articles {

    background-color: var(--background-color-1);

}


.path-news .minihome-content{
	background:var(--primary-color-1);
}


.minihome-banner {

    padding-top: 3.5em;

}


.path-news .minihome-banner{
	background:var(--primary-color-1);
}


.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: var(--primary-color-1) !important;

    font-family:var(--font-family-2);

    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 #000 !important;

    border-top: inherit;

    border-bottom: inherit;

    opacity: 1;

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

}

.carousel-indicators .active {

    background-color: #000000;

}


.path-news .carousel-indicators [data-bs-target]{
     border-color:white !important;
}

.path-news .carousel-indicators .active{
	background:white;
}

.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 #000;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 103px;

}

.path-news .minihome-main-title{
	color:white;
}

.path-news .minihome-main-title:after{
	border-top:1px solid #fff;
}

.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;

}

.minihome-tags ul li a{
      color:var(--secondary-color);

      text-decoration:underline !important;
}

.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: var(--primary-color-1) !important;

    font-family:var(--font-family-2);

    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: var(--color-of-date);

    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: 0rem 3rem;

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

    color: #ffffff;

    z-index: 1;
    
    top:14px;

}

.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: var(--primary-color-2);

    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 var(--color-of-date);

    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:var(--primary-color-2);

    font-size: 2vw;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    font-weight: normal;

    background-color: var(--primary-color-1);

    margin-bottom:-5px !important;

}
.nes-eventdates-save{
      background: var(--color-of-date);
    color: #fff;
    text-align: right;
    font-weight: 400;
    line-height: 14.4px;
    font-size: 15px;
    cursor: pointer;
    z-index: 3;
    padding: 1.25rem 1.5rem;
    margin-bottom:-3px !important;
}
.nes-banner-inner a:hover{
  color: #fff !important;
}

.nes-eventdates {

    /*padding: 1rem 1.5rem;*/

    background-color: transparent;

    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: 5.6vw;

    margin-bottom: 0rem;

}

.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: var(--primary-color-1);

    font-family:var(--font-family-2);

}

.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;

	color:var(--secondary-color);
}

.more-articles {

    padding: 5rem 0;


}

.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:var(--primary-color-1) !important;

    margin-top: 1.5rem;

    display: block;

    text-decoration: none;

    font-weight: 700;

    font-size: .9em;

    font-family:var(--font-family-2);

}

.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: var(--primary-color-2);

    border-color: var(--primary-color-2);

}



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

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: 5.25vw;

    margin: 0;

}

.rp-banner-title span {

    background-color: #ffffff;

    padding: 0 1.25rem;
    
    color:var(--primary-color-1);

    font-family:var(--font-family-2);

}

.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;

}
.footer-logo img{
  /*  width:auto !important ;*/
}



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

CONTACT SECTION

CSS for contact section that is above the footer.

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

.contact-section h2 {

    margin-bottom: 0;

    font-weight: 400;

}

.contact-section h2 , .contact-section span{
    font-size:2.1rem;
    
}

.contact-section span{
    font-weight:700;
}


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

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: 48px;

    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: var(--primary-color-2);

    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: var(--primary-color-2);

    border-color: var(--primary-color-2);

}

.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;
    
    color:var(--primary-color-1);

}

#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: var(--primary-color-2);

    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: var(--primary-color-2);
    background-clip: padding-box;
    border: 1px solid transparent;
    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: var(--primary-color-2);
    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;
    color:var(--primary-color-2);
}
.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%;
}


.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: var(--primary-color-2);
    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;
med
    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;
}

#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 : 21px;
}

#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: var(--primary-color-2);
    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%;
  }
  
  
  .page-view-taxonomy-term .minihome-rows{
      padding-top:40px;
  }

/*New changes 24-07*/

.bg-white{
    background-color:white !important;
}

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

.newsletter-btn{
    background: transparent;
    color: white;
    border-color: white;
}

.btn:hover{
    color:white;
}

.node-type-story-ideas .nes-banner-title span , .node-type-events .nes-banner-title span{
    color:var(--primary-color-1);
    font-family:var(--font-family-2);
}

.rp-title h2 strong{
    color:#000;
}

.webform-submission-form label{
    color:var(--primary-color-1);
}
.form-select:focus{
    box-shadow:none;
}

.rp-date{
    color:#000;
}

.contact-section .section-inner{
    font-size:2em;
    padding:0 15vw;
}

.contact-section .section-inner p{
	margin-bottom:0;
}


@media  screen and (max-width: 575px) {
    .minihome-search-title{
        white-space: break-spaces;
    }
}
[aria-label="Error message"] {
  display: none;
}