/* 
	
This is to quickly build a stylesheet for a section for the CMS	
	
---------------------------------------------------------------------*/
/* Dark/Rhino colour
@buttText: #fff;
@buttHoverText: #323b40;
@buttBg: #323b40;
@buttHoverBg: #dce1df;
@buttActiveText: #323b40;
@buttActiveBg: #dce1df;

Rhino: #323b40
Pebble: #dce1df
Teal: #008c9b
*/
/* 1. Button Colours
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body.pride .s4cContent,
body.pride .s4cContent div > h1,
body.pride .s4cContent div.pageSubSubTitle > h3 {
font-family: 'Gotham Narrow SSm 4r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana !important;
font-weight: 700;
font-style: normal;
}

body.pride div.layoutBlockFluidMax1280Inner {
 position: relative;
}

body.pride .pride-clic-container {
 width: 100%;
 background-color: black;
 text-align: center;
}

body.pride .pride-clic img {
 margin: auto;
 max-width: 1280px;
}

body.pride.subSubSection1 li.subSubSectionLink1 a.button,
body.pride.subSubSection1 li.subSubSectionLink1 a.buttonIcon,
body.pride.subSubSection1 li.subSubSectionLink1 a.buttonIcon span.icon,
body.pride.subSubSection1 li.subSubSectionLink1 a.button span.icon,
body.pride.subSubSection1 li.subSubSectionLink1 a.button span.label,
body.pride.subSubSection2 li.subSubSectionLink2 a.button,
body.pride.subSubSection2 li.subSubSectionLink2 a.buttonIcon,
body.pride.subSubSection2 li.subSubSectionLink2 a.buttonIcon span.icon,
body.pride.subSubSection2 li.subSubSectionLink2 a.button span.icon,
body.pride.subSubSection2 li.subSubSectionLink2 a.button span.label,
body.pride.subSubSection3 li.subSubSectionLink3 a.button,
body.pride.subSubSection3 li.subSubSectionLink3 a.buttonIcon,
body.pride.subSubSection3 li.subSubSectionLink3 a.buttonIcon span.icon,
body.pride.subSubSection3 li.subSubSectionLink3 a.button span.icon,
body.pride.subSubSection3 li.subSubSectionLink3 a.button span.label,
body.pride.subSubSection4 li.subSubSectionLink4 a.button,
body.pride.subSubSection4 li.subSubSectionLink4 a.buttonIcon,
body.pride.subSubSection4 li.subSubSectionLink4 a.buttonIcon span.icon,
body.pride.subSubSection4 li.subSubSectionLink4 a.button span.icon,
body.pride.subSubSection4 li.subSubSectionLink4 a.button span.label,
body.pride.subSubSection5 li.subSubSectionLink5 a.button,
body.pride.subSubSection5 li.subSubSectionLink5 a.buttonIcon,
body.pride.subSubSection5 li.subSubSectionLink5 a.buttonIcon span.icon,
body.pride.subSubSection5 li.subSubSectionLink5 a.button span.icon,
body.pride.subSubSection5 li.subSubSectionLink5 a.button span.label,
body.pride.subSubSection6 li.subSubSectionLink6 a.button,
body.pride.subSubSection6 li.subSubSectionLink6 a.buttonIcon,
body.pride.subSubSection6 li.subSubSectionLink6 a.buttonIcon span.icon,
body.pride.subSubSection6 li.subSubSectionLink6 a.button span.icon,
body.pride.subSubSection6 li.subSubSectionLink6 a.button span.label,
body.pride.subSubSection7 li.subSubSectionLink7 a.button,
body.pride.subSubSection7 li.subSubSectionLink7 a.buttonIcon,
body.pride.subSubSection7 li.subSubSectionLink7 a.buttonIcon span.icon,
body.pride.subSubSection7 li.subSubSectionLink7 a.button span.icon,
body.pride.subSubSection7 li.subSubSectionLink7 a.button span.label,
body.pride.subSubSection8 li.subSubSectionLink8 a.button,
body.pride.subSubSection8 li.subSubSectionLink8 a.buttonIcon,
body.pride.subSubSection8 li.subSubSectionLink8 a.buttonIcon span.icon,
body.pride.subSubSection8 li.subSubSectionLink8 a.button span.icon,
body.pride.subSubSection8 li.subSubSectionLink8 a.button span.label,
body.pride.subSubSection9 li.subSubSectionLink9 a.button,
body.pride.subSubSection9 li.subSubSectionLink9 a.buttonIcon,
body.pride.subSubSection9 li.subSubSectionLink9 a.buttonIcon span.icon,
body.pride.subSubSection9 li.subSubSectionLink9 a.button span.icon,
body.pride.subSubSection9 li.subSubSectionLink9 a.button span.label,
body.pride.subSSubection10 li.subSubSectionLink10 a.button,
body.pride.subSubSection10
  li.subSubSectionLink10
  a.buttonIcon
  body.pride.subSubSection10
  li.subSubSectionLink10
  a.buttonIcon
  span.icon,
body.pride.subSubSection10 li.subSubSectionLink10 a.button span.icon,
body.pride.subSubSection10 li.subSubSectionLink10 a.button span.label {
  color: #323b40;
}
.pride.greenUI a.button,
.pride.greenUI a.buttonIcon,
.pride .buttonIconInner,
.pride .buttonInner,
.pride .buttonIconInner,
.pride .buttonInner {
  /*color: @buttText;*/
}
.pride .s4cContent div.masonryItemInfo a,
.pride .s4cContent div.masonryItemInfo a span.icon {
  color: #323b40;
}
.pride .s4cContent div.masonryItemInfo a:hover,
.pride .s4cContent div.masonryItemInfo a span.icon:hover {
  color: #fff;
}
.pride .masonryGrid .masonryGridItem img {
  object-fit: cover;
  width: 100%;
  height: 169px;
}
.pride div.pageSubTitle > h2 {
  text-align: center;
}
.pride div.pageSubSubTitle > h3 {
  text-align: center;
}
.pride.cymru-v-awstria .contentBlock {
  padding: 10% 0;
}
.pride .s4cContent a.button,
.pride .s4cContent a.buttonIcon {
  background: #323b40;
  color: #fff;
}
.pride .s4cContent a.button span.skew,
.pride .s4cContent a.buttonIcon span.skew {
  background: #dce1df;
  color: #323b40;
}
.pride .buttonIconInner:hover,
.pride .buttonInner:hover {
  color: #0C8990;
}
.pride.greenUI a.button:hover span.icon,
.pride.greenUI a.buttonIcon:hover span.icon {
  color: #0C8990;
}
.pride a.button span.icon,
.pride a.buttonIcon span.icon {
  color: #fff;
}
.pride .lightBG a,
.pride .darkBG a {
  color: #323b40;
}
.pride .lightBG a:hover,
.pride .darkBG a:hover {
  color: #0C8990;
}
.pride .actions a.button,
.pride .actions a.buttonIcon {
  background: #323b40;
  color: #fff;
}
.pride .s4cContent a.button,
.pride .s4cContent a.buttonIcon {
  background: #323b40;
  color: #fff;
}
.pride .s4cContent a.button span.skew,
.pride .s4cContent a.buttonIcon span.skew {
  background: #dce1df;
  color: #323b40;
}
.pride .buttonIconInner:hover,
.buttonInner:hover {
  color: #323b40;
}
.pride.greenUI a.button:hover span.icon,
.pride.greenUI a.buttonIcon:hover span.icon {
  color: #323b40;
}
.pride strong {
  font-weight: bold;
}
.pride.cymru-v-awstria {
  background-size: cover;
}

@media screen and (max-width: 1600px) {
  .pride.cymru-v-awstria {
    background-size: initial;
  }
}
.pride.iaith-ar-daith {
  background-size: cover;
}

@media screen and (max-width: 1600px) {
  .pride.iaith-ar-daith {
    background-size: initial;
  }
}

.pride .sectionHeading h1.largeHeading {
  font-weight: bold;
}
.pride a.button span.icon,
.pride a.buttonIcon span.icon {
  color: #fff;
}
.pride.greenUI a.carouselControl {
  background: #323b40;
}
.pride.giro-ditalia {
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .pride.giro-ditalia {
    background-size: initial;
  }
}
.pride.y-golau {
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .pride.y-golau {
    background-size: initial;
  }
}
.pride.s4cSection2 ul.feedLinks span.icon {
  color: #0C8990;
}
.pride.s4cSection2 .masonryGridItem a:hover {
  color: #0C8990;
}
.pride.s4cSection2 ul.feedLinks a:hover span.icon,
.pride.s4cSection2 ul.feedLinks a:focus span.icon {
  color: #0C8990;
}
ul.feedLinks a:hover,
ul.feedLinks a:focus {
  -webkit-box-shadow: inset -30px 0 0 0 #323b40;
  -moz-box-shadow: inset -30px 0 0 0 #323b40;
}
/* Custom Styles */
.pride.darkBG .carouselControls a.carouselControl,
.pride.lightBG .carouselControls a.carouselControl {
  color: #fff;
}
.pride.greenUI a.carouselControl:hover {
  background: #dce1df;
}
.pride hr {
  background: #323b40;
}
ul.ba {
  list-style-type: none;
}
.pride .s4cContent div.masonryItemInfo h2 a,
.pride .s4cContent div.masonryItemInfo h2 a:hover {
  color: #0C8990;
}
.pride strong {
  font-weight: bold;
}
.pride {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.pride .hero {
  margin-bottom: 0;
  border-top: 1px solid #fff;
}
.pride .explore-main .masonryGridItemContent {
  background: none;
  color: #fff;
}

.pride .lightBG a:hover, .rhino-dc .darkBG a:hover {
color:#0C8990;
}

.music-4.pride .subSectionMenu,
.cerddoriaeth-4.pride .subSectionMenu,
.drama-2.pride .subSectionMenu,
.drama-3.pride .subSectionMenu,
.ffeithiol-2.pride .subSectionMenu,
.factual-2.pride .subSectionMenu,
.adloniant-3.pride .subSectionMenu,
.entertainment-3.pride .subSectionMenu {
  padding-bottom: 5%;
}
.pride .explore-main .masonryItemInfo,
.pride .explore-main .masonryItemInfo p {
  font-size: 1.9rem;
}
body.subSection.pori-10.pride .sectionHeading,
body.subSection.explore-10.pride .sectionHeading {
  padding: 2% 20px 0;
}
.pori-10.pride h1.largeHeading,
.explore-10.pride h1.largeHeading {
  padding: 4% 0 0;
}
.pride .sponsor {
  padding: 5.5% 0;
}
.pride div.masonryItemInfo ul li {
  list-style: outside none disc;
  display: list-item;
  margin: 0 0 0.5em 1em;
}
.pride #contact-form {
  padding: 25px 0 20px;
}
.pride #contact-form div {
  margin-bottom: 25px;
}
.pride #contact-form label span {
  cursor: pointer;
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin: 5px 0;
}
.pride #contact-form input[type='text'],
.pride #contact-form input[type='email'],
.pride #contact-form input[type='tel'],
.pride #contact-form input[type='url'],
.pride #contact-form textarea,
.pride #contact-form select {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
  margin: 0 0 5px;
  padding: 10px;
  width: 100%;
}
.pride #contact-form select {
  height: 50px;
}
.pride.cymryd-rhan {
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .pride.cymryd-rhan {
    background-size: initial;
  }
}
.pride.take-part {
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .pride.take-part {
    background-size: initial;
  }
}
.pride #contact-form input[type='text']:hover,
.pride #contact-form input[type='email']:hover,
.pride #contact-form input[type='tel']:hover,
.pride #contact-form input[type='url']:hover,
.pride #contact-form textarea:hover,
.pride #contact-form select:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.pride #contact-form input[type='checkbox'] {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
  margin: 0 0 5px;
  padding: 10px;
}
.pride #contact-form input[type='checkbox']:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.pride #contact-form textarea {
  height: 100px;
  max-width: 100%;
}
.pride #contact-form select {
  height: 50px;
  max-width: 100%;
}
.pride #contact-form button[type='submit'] {
  background: #323b40;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 0 5px;
  max-width: 250px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.pride #contact-form button[type='submit']:hover {
  background: none repeat scroll 0 0 #dce1df;
  transition: background-color 0.3s ease-in-out 0s;
}
.pride #contact-form button[type='submit']:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.pride #contact-form input:focus,
.pride #contact-form textarea:focus {
  border: 1px solid #999;
  outline: 0 none;
}
.pride #name_trp {
  display: none;
}

.pride li ul,
.pride li ol {
  font-size: 0.9rem;
}

.pride .heroText {
  font-size: 1.4rem;
}

.pride.survey .smcx-embed,
.pride.arolwg .smcx-embed,
.pride.survey .smcx-embed > .smcx-iframe-container,
.pride.arolwg .smcx-embed > .smcx-iframe-container {
  max-width: 960px;
  height: 510px;
}

.pride .sport-poll {
  border: 2px solid #ccc;
}

.pride .rhino-sport-survey {
  margin: 0 auto 4%;
  width: 100%;
  transition: height 300ms ease-in-out 0s;
  max-width: 600px;
  outline: rgb(232, 232, 232) solid 1px;
  position: relative;
}

.pride div.subSubSubSectionMenu {
  background: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.pride .subSubSubSectionNav {
  text-align: center;
}

.pride ul.subSubSubSectionNavList > li {
  display: inline-block;
}

.pride.football,
.pride.peldroed {
  background: none !important;
}

.pride.football #background_wrap,
.pride.peldroed #background_wrap {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-image: url('https://dlo6cycw1kmbs.cloudfront.net/media/media_assets/1600x898_peldroedcymru2022s4ccampaignBackground_copy.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.pride.football div.subSubSection div.sectionHeading h1.largeHeading,
.pride.peldroed div.subSubSection div.sectionHeading h1.largeHeading {
  margin: 0;
  padding: 0;

}
.pride div.pageSubSubTitle > h3 {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .pride div.pageSubSubTitle > h3 {
    font-size: 1.6rem;
  }

}


@media screen and (max-width: 768px) {
.pride {
    background-attachment: inherit;
    background-size: inherit;
    position: relative;
    background-position: 90% !important;
    background-position-y: -15% !important;
}
}

@media screen and (min-width: 768px) {
  .pride.football div.subSubSection div.sectionHeading h1.largeHeading,
  .pride.peldroed div.subSubSection div.sectionHeading h1.largeHeading {
    margin-top: 50px;
  }

}
li.card-min-height .masonryGridItemContent {
min-height:1080px;
margin-bottom: 12px;

}
@viewport {
  width: device-width;
  zoom: 1;
}
/*# sourceMappingURL=style-rhino.css.map */