@font-face { font-family: Brandonbold; src: url(https://dmscdn.vuelio.co.uk/publicitem/4b003c71-bd35-4a10-9396-ad671036fa0b); }
@font-face { font-family: Gothamlightitalic; src: url(https://dmscdn.vuelio.co.uk/publicitem/0c469dde-7697-4ca8-b540-18f683116ae2); }
@font-face { font-family: Gothambook; src: url(https://dmscdn.vuelio.co.uk/publicitem/bfc3e962-09d7-47e8-92f7-979e7244ac38); }
@font-face { font-family: Gothamlight; src: url(https://dmscdn.vuelio.co.uk/publicitem/85266a05-842a-4af8-aebd-2697fbde3582); }
@font-face { font-family: CostaText-Bold; src: url(https://dmscdn.vuelio.co.uk/publicitem/a2750ffc-ab92-4391-ae66-3ccc422d5586); }
@font-face { font-family: CostaText-Regular; src: url(https://dmscdn.vuelio.co.uk/publicitem/1db28d38-7a06-4b42-9d98-8c5d80def327); }
#react-app.costanewsroom {  } 
#react-app.costanewsroom .footer_element footer a.current { color:#fff; } 
#react-app.costanewsroom .footer_element { height:250px; } 
#react-app.costanewsroom .footer_element footer a { font-size:12px; } 

#react-app.costanewsroom .footer_element footer a { color:#fff; } 
#react-app.costanewsroom .footer_element footer a:hover { color:#16b6eb; } 
#react-app.costanewsroom .button:hover { color:#0085B5; } 

#react-app.costanewsroom .button { color:#fff; } 
#react-app.costanewsroom .button { font-size:18px; } 
#react-app.costanewsroom .button { border:none !important; } 
#react-app.costanewsroom .button:hover { background-color:#fff; } 
#react-app.costanewsroom .footer_element { background-color:#333; } 
#react-app.costanewsroom .button { background-color:#6d1f37 !important; } 
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content .summary { color:#fff; } 
#react-app.costanewsroom .main_navigation_element nav a.current { color:#16b6eb; } 
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content .summary { font-size:14px; } 
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 { font-size:20px; } 


#react-app.costanewsroom .main_navigation_element nav a:hover { color:#b3d4fc; } 
#react-app.costanewsroom .button:hover { border:none !important; } 
#react-app.costanewsroom .main_navigation_element nav a { color:#fff; } 

#react-app.costanewsroom .main_navigation_element { font-size:14px; } 
#react-app.costanewsroom .main_navigation_element nav { background-color:#333; } 
#react-app.costanewsroom .header_element { height:120px; } 
#react-app.costanewsroom .header_element { background-color:#333; } 
body { font-family:Brandonbold; } 
body { background-color:#F7F7F7; } 
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 { color:#fff; } body {
  font-family: CostaText-Bold !important;
}
#react-app.costanewsroom .header_element {
background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)) !important;
}
@media only screen and (min-width: 768px) {
#react-app.costanewsroom .main_navigation_element nav {
  position: absolute !important;
  top: -80px !important;
  font-size: 20px !important;
   margin-left: calc(50% - 50vw) !important;
    width: 77% !important;
    text-align: center !important;
        left: 296px !important;
    width: 77% !important;
    background-color: transparent !important;
}
.main_navigation_element {
margin-bottom: -32px !important;
}
}
@media only screen and (max-width: 500px) {
#react-app.costanewsroom .main_navigation_element nav {
background: url(https://www.costa.co.uk/etc.clientlibs/costaweb/clientlibs/resources/generic/waffle.svg);
    background-image: url(https://www.costa.co.uk/etc.clientlibs/costaweb/clientlibs/resources/generic/waffle.svg);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
font-weight: 100 !important;
}
footer .footer-top-level .footer-links-container .category-group .links-container {
left: -76px !important;
    position: relative !important;
}
#react-app.costanewsroom .main_navigation_element nav {
    margin-top: -5px;
    width: 118%;
    margin-left: -15px;
}
footer .footer-bottom-level .copyright-container {
  width: calc(131% - 70px) !important;
}
.carousel_element .mobile-carousel .slide-content.image-exists .text-content h5 {
  color: #fff !important;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 {
font-size: 18px !important;
line-height: 28px !important;
font-weight: 100 !important;
position: relative;
    top: 7px;
}
.latest_stories_element .list .list-image .content .head-line {
    font-size: 18px !important;
margin-bottom: 8px !important;
}
.latest_stories_element .list .list-image .content .summary {
  font-size: 13px !important;
}
}

.main_navigation_element nav a {
  margin: 0 10px 40px 0px;
}
#react-app.costanewsroom .main_navigation_element nav a.current {
    color: #fff !important;
    border-bottom: 0.0625rem solid white !important;
    padding-bottom: 0.1875rem !important;
}
#react-app.costanewsroom .main_navigation_element nav a {
font-weight: 100 !important;
    position: relative !important;
    top: 4px !important;
}

.module_element, .story_module_element {
  margin-top: 35px !important;
}
.module_element, .media_library_module_element {
    margin-top: 35px !important;
    position: relative !important;
}
.module_element, .contact_module_element {
    margin-top: 35px !important;
    position: relative !important;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 {
font-size: 25px !important;
line-height: 28px !important;
font-weight: 100 !important;
position: relative;
    top: 7px;
}
.latest_stories_element .list .list-image .content .head-line {
    font-size: 25px !important;
margin-bottom: 8px !important;
}
.latest_stories_element .list .list-image .content .summary {
 font-size: 16px !important;
}
.module_element .story-page .paragraph, .story_module_element .story-page .paragraph {
       margin-right: unset !important;
}
.latest_stories_element .list .list-image .content .head-line {
    /*font-size: 25px !important;*/
margin-bottom: 8px !important;
}
.latest_stories_element .list .list-image .content .summary {
  /*font-size: 16px !important;*/
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 {
/*font-size: 25px !important;*/
line-height: 28px !important;
font-weight: 100 !important;
position: relative;
    top: 7px;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content .summary {
      font-size: 16px !important;
      font-family: CostaText-Regular !important;
      font-weight: 400 !important;
      line-height: 24px !important;
}

#react-app.costanewsroom .main_navigation_element nav a.current {
  color: #fff !important;
}

#react-app.costanewsroom .main_navigation_element {
  height: 0;
}
.header_element .logo-alignment.align-left {
background: transparent !important;
}
#react-app.costanewsroom .footer_element {
background-color: #b51144;
}

.footer_element footer .social-link-container .social_links {
  padding: 0px 0 0 26px !important;
  /*left: 296px !important;*/
}

.main_navigation_element nav a {
  text-transform: capitalize !important;
}

.footer_element footer .footer-copyright {
      font-size: 18px !important;
}
.footer_element footer .vuelio-logo-container {
  margin-top: 30px !important;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content .summary {
      font-size: 16px !important;
}

#react-app.costanewsroom .button {
    border: none !important;
    border-radius: 2rem !important;
    font-weight: normal !important;
    letter-spacing: 0.0625rem !important;
    min-height: 2.625rem !important;
  }
#react-app.costanewsroom .button:hover {
    border: none !important;
    border-radius: 2rem !important;
    font-weight: normal !important;
    letter-spacing: 0.0625rem !important;
    min-height: 2.625rem !important;
    background-color: #B30043 !important;
    color: #fff !important;
  }
footer {
    /*Changed by removing the image
    background: url(https://dmscdn.vuelio.co.uk/publicitem/91fa1af9-787b-4976-bc57-dd6b00a332e0?websiteConsumption=true) #b51144 !important;
    background-image: url(https://dmscdn.vuelio.co.uk/publicitem/91fa1af9-787b-4976-bc57-dd6b00a332e0?websiteConsumption=true) !important;*/
    background-color: #b51144 !important;
    background-position-x: initial !important;
    background-position-y: initial !important;
    background-size: initial !important;
    background-repeat-x: initial !important;
    background-repeat-y: initial !important;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    /*background-color: rgb(181, 17, 68) !important;*/
    padding: 3.375rem 3.125rem 1.625rem !important;
    padding-top: 3.375rem !important;
    padding-right: 3.125rem !important;
    padding-bottom: 1.625rem !important;
    padding-left: 3.125rem !important;
    height: auto !important;
}
.footer_element .social {
  display: none !important;
}
footer .footer-top-level .footer-logo-container .footer-logo {
      background-image: url(https://dmscdn.vuelio.co.uk/publicitem/91fa1af9-787b-4976-bc57-dd6b00a332e0?websiteConsumption=true) !important;
}
footer .footer-top-level .footer-links-container {
    width: 100% !important;
}
footer .footer-top-level .footer-links-container .category-group {
margin-left: -20px !important;
}

footer .footer-top-level .footer-links-container .category-group .links-container {
width: 25% !important;
padding-left: 60px !important;
    padding-right: 60px !important;
}
footer .footer-top-level .footer-links-container .category-group .links-container .categories .name {
text-transform: none !important;
}

footer .footer-top-level .footer-links-container .category-group .links-container {
width: 25% !important;
padding-left: 60px !important;
    padding-right: 60px !important;
}

footer .footer-top-level .footer-links-container .category-group .links-container .categories .name {
text-transform: none !important;
}
footer .footer-top-level .footer-logo-container {
display: none !important;
}
footer .footer-top-level .footer-links-container .category-group .links-container .categories .links a {
width: 259px !important;
}
footer .footer-bottom-level .copyright-container {
    margin-left: -15px !important;
}
#react-app.costanewsroom .main_navigation_element nav {
      font-size: 24px !important;
}
.latest_stories_element h3 {
       font-size: 18px !important;
}
footer .footer-top-level .footer-links-container .category-group .links-container .categories {
         font-size: 18px !important;
}
footer .footer-top-level .footer-links-container .category-group .links-container .categories .links a {
           font-size: 18px !important;
           padding-bottom: 4px !important;
}
  footer .footer-top-level .footer-links-container .category-group .links-container .categories {
         font-size: 18px !important;
}
.social {
  display: none !important;
}
img {
  width: 100% !important;
}
.container .container-inner-box {
    background-image: url(https://dmscdn.vuelio.co.uk/publicitem/3113dcaa-9f80-4631-9659-ff42665faabd) !important;
    background-repeat: repeat !important;
    background-size: 320px 320px !important;
}
.module_element h1, .story_module_element h1 {
    background: #fff !important;
}
body {    
    background-image: url("https://dmscdn.vuelio.co.uk/publicitem/22a5038d-083d-4f19-b343-607669ebf53c") !important;
    background-repeat: repeat !important;
    background-size: 94px 94px !important;
    background-color: white !important;
}
@media only screen and (min-width: 768px) {
img {
width: 100% !important;
}
.module_element .story-page .paragraph, .story_module_element .story-page .paragraph {
margin-right: unset !important;
}
}
.search_element .search-control .engine input {
  font-family: "CostaText-Regular" !important;
font-weight: 400 !important;
color: #404042 !important;
}
.dropdown-header .text {
    font-family: "CostaText-Regular" !important;
font-weight: 400 !important;
color: #404042 !important;
}
.date-input .dates {
      font-family: "CostaText-Regular" !important;
font-weight: 400 !important;
color: #404042 !important;
}
.latest_stories_element h3 {
text-transform: none !important;
font-weight: 100 !important;
color: #404042 !important;
}
.twitter_feed_element .cell-inner-box h3 {
 text-transform: none !important;
font-weight: 100 !important;
color: #404042 !important;
}
footer .footer-bottom-level .copyright-container {
  font-family: "CostaText-Regular" !important;
  font-weight: 400 !important;
}
.latest_stories_element .list .list-image .content .head-line {
text-transform: none !important;
font-weight: 100 !important;
color: #404042 !important;
}
.latest_stories_element .list .list-image .content .summary {
font-family: "CostaText-Regular" !important;
text-transform: none !important;
font-weight: 400 !important;
color: #404042 !important;
}
.module_element .navigation div.next a, .story_module_element .navigation div.next a {
      font-family: CostaText-Bold !important;
      font-weight: 100 !important;
color: #404042 !important;
text-transform: none !important;
font-size: 19px;
}
.module_element .navigation div.previous a, .story_module_element .navigation div.previous a {
        font-family: CostaText-Bold !important;
      font-weight: 100 !important;
color: #404042 !important;
text-transform: none !important;
font-size: 19px;
}
.module_element .story-page .paragraph.lead, .story_module_element .story-page .paragraph.lead {
      font-family: CostaText-Bold !important;
      font-weight: 100 !important;
color: #404042 !important;
font-size: 19px !important;
}  
.module_element .story-page .paragraph, .story_module_element .story-page .paragraph {
       font-family: CostaText-Regular !important;
      font-weight: 400 !important;
color: #404042 !important;
}
.module_element .story-page .paragraph.notesToEditor, .story_module_element .story-page .paragraph.notesToEditor {
        font-family: CostaText-Regular !important;
      font-weight: 400 !important;
color: #404042 !important;
}
.module_element .story-page .paragraph.boilerplate, .story_module_element .story-page .paragraph.boilerplate {
          font-family: CostaText-Regular !important;
      font-weight: 400 !important;
color: #404042 !important;
}
ul.breadcrumbs li {
 font-weight: 100 !important; 
 color: #404042 !important;
 text-transform: none !important;
 font-size: 19px !important;
}
.media-library-container .list-container .list-item .list-item-description h5 {
   font-weight: 100 !important; 
   color: #fff !important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .description-container .description .image-title {
     font-weight: 100 !important; 
     color: #404042 !important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .description-container .description .image-description {
         font-family: CostaText-Regular !important;
      font-weight: 400 !important;
color: #404042 !important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .description-container .tags {
     font-weight: 100 !important; 
   color: #404042 !important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .description-container .tags .tag-content .tag p {
           font-family: CostaText-Regular !important;
      font-weight: 400 !important;
color: #404042 !important;
text-transform: none !important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .actions-container .agree-to-terms .checkbox-container span {
          font-family: CostaText-Regular !important;
      font-weight: 400 !important;
color: #404042 !important;
} 
.asset-overlay .asset-modal .modal-container .list-item-details .actions-container .agree-to-terms .view-terms {
            font-family: CostaText-Regular !important;
      font-weight: 400 !important;
color: #404042 !important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .actions-container .download-images .download-disabled {
               font-family: CostaText-Regular !important;
      font-weight: 400 !important;
} 
.asset-overlay .asset-modal .modal-container .list-item-details .actions-container .download-images .download {
              font-family: CostaText-Regular !important;
      font-weight: 400 !important;
}
.main_navigation_element nav.active a {
  font-weight: 100 !important;
}
.module_element h1, .story_module_element h1 {
      font-weight: 100 !important; 
     color: #404042 !important;
     text-transform: none !important;
} 
.module_element .story-page .assets-list .list-item .list-item-description h5, .story_module_element .story-page .assets-list .list-item .list-item-description h5 {
  text-transform: none !important;
  font-weight: 100 !important;
}
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact {
       font-weight: 100 !important; 
     color: #404042 !important;
     text-transform: none !important;
}  
@media only screen and (min-width: 768px) {
.latest_stories_element h3 {
font-size: 26px !important;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content .summary {
      font-size: 16px !important;
      line-height: 20px !important;
}
}
.carousel_element .carousel-container .slide-container .main-frame .slide-content.image-exists {
      height: 93px !important;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.4) 0%, rgba(64, 60, 60, 1.9) 100%) !important;

}
.twitter_feed_element .cell-inner-box h3 {
  font-size: 36px !important;
}
.module_element .story-page .assets-list .bulk-downloader a.trigger, .story_module_element .story-page .assets-list .bulk-downloader a.trigger {
  font-size: 19px !important;
  font-weight: 100;
}
.module_element .story-page .assets-list .list-item .list-item-description h5, .story_module_element .story-page .assets-list .list-item .list-item-description h5 {
    font-size: 19px !important;
  font-weight: 100;
}
.module_element .navigation div.next a, .story_module_element .navigation div.next a {
font-size: 19px !important;
line-height: 24px !important;
}
.header_element .logo-alignment {
      margin-left: 5% !important;
}
.module_element .list .list-image .content .head-line, .story_module_element .list .list-image .content .head-line {
  font-size: 25px !important;
  font-weight: 100;
  color: #404042 !important;
  text-transform: none !important;
  margin-bottom: 8px !important;
}
.module_element .list .list-image .content .summary, .story_module_element .list .list-image .content .summary {
    font-family: CostaText-Regular !important;
    font-weight: 400 !important;
    color: #404042 !important;
    font-size: 16px !important;
} 
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .user, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .user {
     font-family: CostaText-Bold !important;
    font-weight: 100 !important;
    color: #404042 !important; 
}
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact {
      font-family: CostaText-Regular !important;
      font-weight: 400 !important;
      color: #404042 !important;
} 
#react-app.costanewsroom .header_element {
      margin-left: calc(50% - 50vw) !important;
    width: 100vw !important;
}
footer {
margin-left: calc(50% - 50vw) !important;
    width: 100vw !important;
}
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .image, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .image {
      border-radius: 0 !important;
}
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .company, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .company {
      margin-bottom: 10px !important;
}
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .company, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .email {
  margin-bottom: 10px !important;
}
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .company, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .number {
  margin-bottom: 10px !important;
}
.module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .company, .contact_module_element .contacts-container .details-container-wrapper .details-container .details-container-background .contact-container .contact .outOfHours {
  margin-bottom: 10px !important;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 {
  text-transform: none !important;
}
.carousel_element .mobile-carousel .slide-content.image-exists .text-content h5 {
  color: #fff !important;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 {
    color: #fff !important;
}
body {
  overflow-x: hidden !important;
}
.date-input {
    background: transparent !important;
}
.category-container .desktop {
    background: transparent !important;
}
.category-container .desktop .show-more-container {
    background: transparent !important;
}
.category-container .desktop .category-item-container {
      background: transparent !important;
}
.category-container .desktop .show-more-container .show-more-categories-container {
    left: 18px !important;
}
.category-container .desktop .show-more-container .show-more-categories-container .show-more-categories-list p:hover {
     color: #B30043 !important;
}
@media only screen and (min-width: 768px) {
.category-container .desktop .category-item-container .wrapp-item .items p span {
  overflow: visible !important;
}
.category-container .desktop .category-item-container .wrapp-item .items {
      padding: 0 12px 0 12px !important;
}
.category-container .desktop .category-item-container .wrapp-item .items p span {
    line-height: 31px !important;
}
.category-container .desktop .show-more-container .show-more-header {
line-height: 31px !important;
}
.category-container .desktop .show-more-container .show-more-header p {
font-size: 20px !important;
}
.category-container .desktop .show-more-container .show-more-header .arrow-down {
    top: 44% !important;
}
.category-container .desktop .show-more-container {
    padding-left: 3px !important;
    bottom: 4% !important;
}
.category-container .desktop .category-item-container .wrapp-item .items p span {
line-height: 28px !important;
}
.category-container .desktop .category-item-container .wrapp-item .items p {
font-size: 25px !important;
}
.category-container .desktop .show-more-container .show-more-categories-container .show-more-categories-list p {
  font-size: 25px !important;
  line-height: 27px !important;
}
.twitter_feed_element .cell-inner-box .timeline-wrapper {
      max-height: 1638px !important;
}
.category-container .desktop .category-item-container .wrapp-item .category-item-selected {
  margin-top: -18px !important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .actions-container .agree-to-terms .checkbox-container span {
  white-space: nowrap !important;
}
}
ul.breadcrumbs li a {
  color: #5d301b !important;
}

/*Post live changes*/

/*undoing as they want to see the search control 
.search_element .search-control {
  display: none !important;
}
*/
.module_element .footer .button.disabled, .story_module_element .footer .button.disabled {
display: none !important;
}

@media only screen and (max-width: 500px) {
  .header_element .logo-alignment .header-logo {
    width: 4.865rem !important;
    height: 2rem !important;
    position: relative !important;
    margin-top: 10% !important;
}
.main_navigation_element div.menu-dropdown-trigger {
      top: -82px !important;
      left: 3%;
      border: unset !important;
}
#react-app.costanewsroom .main_navigation_element nav {
  height: 640px !important;
  background-color: #6d1f37 !important;
}
img {
    height: auto !important;
}
.header_element .logo-alignment.align-left {
      left: 33% !important;
      width: 66% !important;
      margin-top: 9px !important;
}
.twitter_feed_element .cell-inner-box .timeline-wrapper {
        width: 90% !important;
        margin: auto !important;
}
#react-app.costanewsroom .main_navigation_element nav a.current {
width: 38% !important;
border-bottom: 2px solid #ffffff !important;
color: #fff !important;
}
#react-app.costanewsroom .main_navigation_element nav a {
margin: 0px 40px !important;
}
.category-container .mobile .category-button .wrapper .arrow-container {
  margin-left: 10px important;
}
.category-container .mobile .category-button .wrapper .arrow-container p{
  margin-left: 10px important;
}
}
#react-app.costanewsroom .main_navigation_element nav a:hover {
  color: #fff !important;
}
.media-library-container .footer-button .button.disabled {
  display: none !important;
}


/*Setting up the search bar on Windows view */

@media only screen and (min-width: 768px) {
  
.search_element .search-control {
margin-top: 11% !important;
}

.breaking_news_element {
margin: -1% 0 2% 0 !important;
}
.date-range .rdr-DateRange {
font-family: CostaText-Bold;
}

.date-range .clear-row .clear-button {
font-family: CostaText-Bold;
color: #979797
}
}
/*Setting up the search bar on mobile view */
@media only screen and (max-width: 500px) {

.search_element {
display: block !important;
}
.search_element .search-control {
text-transform: capitalize !important;
border: 1px solid #ccc;
    height: 25px !important;
    margin: auto !important;
    width: 97% !important;
}

.search_element .search-control .engine {
width: 53% !important;
    border-right: 1px solid #ccc !important;
}
.search_element .search-control .engine input {
  border: unset !important;
  padding-left: 7px !important;
  width: 100% !important;
}

.search_element .search-control .releases-media {
bottom: 27px !important;
    position: relative !important;
    left: 41% !important;
    width: 94% !important;
}
.search_element .search-date {
    display: none !important;
}
.search_element .icon-container {
  text-transform: uppercase !important;
}
.search_element .icon-container .fa, .fas {
  text-transform: uppercase !important;
  float: right !important;
    right: 5px !important;
        position: relative !important;
    bottom: 17px !important;
}

.dropdown-header {
  position: relative !important;
  left: 2% !important;
}
.dropdown-header .text {
  text-transform: capitalize !important;
}

.dropdown-header .text {
    width: 38% !important;
    padding-left: 4px !important;
    height: 23px !important;
    top: 4px !important;
    position: relative !important;
    border-right: 1px solid #ccc !important;
}
.dropdown-header .arrow-container .arrow-down {
  top: 12px !important;
}
.dropdown-list {
    position: relative !important;
    padding-top: 0px !important;
    bottom: -27px !important;
    right: 133px !important;
    width: 42.7% !important;
    font-family: "CostaText-Regular" !important;
}
}
#react-app.costanewsroom .button {
  background-color: #6d1f37!important;
  color: white !important;
}

/*SK Changes*/

/*Buttons*/

.category-container .desktop .category-item-container .wrapp-item .items p span {
    display: initial !important;
    background: #D3D3D3 !important;
    border-radius: 2rem !important;
    /* Button sizing*/ padding: 9px !important;
}
@media only screen and (min-width: 768px) {
  .category-container .desktop .show-more-container .show-more-header .arrow-container {
    position: relative !important;
    top: 12px !important;
    right: 5px !important;
}
.category-container .desktop .category-item-container .wrapp-item .category-item-selected {
    top: 10px !important;
    position: relative !important;
}

.category-container .desktop .show-more-container .show-more-header p {
display: initial !important;
    background: #D3D3D3 !important;
    border-radius: 2rem !important;
    /* Button sizing*/
    padding-left: 27px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.category-container .desktop .show-more-container .show-more-header .arrow-down {
left: 14% !important;
}

.category-container .desktop .show-more-container {
    top: 20px !important;
    left: 6px !important;
}
category-container .desktop .show-more-container .show-more-categories-container {
    left: -87px !important;
}
/*Hide Twitter Feed*/
.twitter_feed_element .cell-inner-box {
display: none !important;
}

/*Contact us header change*/
.contact_widget_element h3 {
  font-size: 26px !important;
    color: #404042 !important;
    font-weight: 100 !important;
    text-transform: none !important;
}

/*Social links at the bottom*/

footer .footer-top-level .social-media-container .social-media-links .link:hover {
  color: #fff !important;
}

footer .footer-top-level .social-media-container .social-media-links .link .social-name {
  display: none !important;
}
footer .footer-top-level .social-media-container .social-media-links {
flex-direction: row !important;
}
.fab {
font-size: 39px !important;
}
footer .footer-top-level .social-media-container .social-media-links {
    position: relative;
    right: 34%;
}

/*Carousel made smaller*/
.carousel_element .carousel-container {
    width: 70% !important;
}

/*Hide the Date*/
.search_element .search-control .search-date {
  display: none !important;
}
.search_element .search-control {
  left: 20.5% !important;
    position: relative !important;
}

/*Latest news and Contact us justification */
.latest_stories_element h3 {
  text-align: left !important;
}
.contact_widget_element h3 {
  text-align: left !important;
}
/*Move "Contact Us" below */
.contact_widget_element .content-widget {
   position: relative !important;
    top: 93px !important;
}
/*font sizes*/
#react-app.costanewsroom .main_navigation_element nav {
    font-size: 20px !important;
}
#react-app.costanewsroom .carousel_element .carousel-container .slide-container .slide-content .text-content h5 {
font-size: 20px !important;
}
.latest_stories_element h3 {
font-size: 24px !important;
}
.contact_widget_element h3 {
font-size: 24px !important;
}
.category-container .desktop .category-item-container .wrapp-item .items p span {
font-size: 20px !important;
}
.category-container .desktop .show-more-container .show-more-header p {
  font-size: 20px !important;
}
.latest_stories_element .list .list-image .content .head-line {
    font-size: 20px !important;
}
.module_element h1, .story_module_element h1 {
    font-size: 27px !important;
}
.module_element .story-page .assets-list .list-item .list-item-description h5, .story_module_element .story-page .assets-list .list-item .list-item-description h5 {
font-size: 18px!important;
}
.module_element .navigation div.next a, .story_module_element .navigation div.next a {
font-size: 18px!important;
}
.media-library-container .list-container .list-item .list-item-description h5 {
font-size: 14px!important;
}
.asset-overlay .asset-modal .modal-container .list-item-details .description-container .description .image-title {
    font-size: 16px !important;
}
.category-container .desktop .show-more-container .show-more-categories-container .show-more-categories-list p {
    font-size: 20px !important;
} 
.module_element .list .list-image .content .head-line, .story_module_element .list .list-image .content .head-line {
      font-size: 20px !important;
} 
}