/* ========================================================
CSS Too Into You @2022
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@1,700&display=swap');

/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff; }
.color-black{ color:#000; }
.color-grey{ color:#e3e3e3; }
.color-yellow{ color:#E7E44E; }
.color-blue{ color:#2C4C9F; }
.color-pink{ color:#F8CFDA; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }
.bg-color-yellow{ background-color:#E7E44E; }
.bg-color-blue{ background-color:#2C4C9F; }
.bg-color-pink{ background-color:#F8CFDA; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-circle{ border-radius:50%; }

/* Pagination */
ul.pagination { padding: 1rem 0; }
ul.pagination li.page-item { font-size: .875rem; margin: .125rem; }
ul.pagination li.page-item:before { background: 0 0; content: ""; display: none !important; }
ul.pagination li.page-item a.page-link { background-color: #ddd; border: 1px solid #ddd; color: #1C3154; text-decoration: none; }
ul.pagination li.page-item a.page-link:focus, 
ul.pagination li.page-item a.page-link:hover { background-color: #562583; border-color: #562583; color: #fff; text-decoration: none; }
ul.pagination li.page-item.disabled a.page-link,
ul.pagination li.page-item span.page-link,
ul.pagination li.page-item span.page-link:focus, 
ul.pagination li.page-item span.page-link:hover { background-color: #fff; color: #888; cursor: default; white-space: nowrap }
ul.pagination li.page-item.active span,
ul.pagination li.page-item.active span:focus, 
ul.pagination li.page-item.active span:hover { background-color: #00777C; border: 1px solid #00777C; color: #fff; font-weight: 500; }
ul.pagination li.page-item a, 
ul.pagination li.page-item span { border-radius: 0 !important; }
@media (min-width:1200px) { 
	ul.pagination li.page-item { font-size: 1rem; margin: .1875rem; } 
}

/* Buttons */
.btn, 
.button { border:2px solid #000; background-color:#fff; color:#000; border-radius:40px; padding:0.5rem 1.5rem; font-size: 32px; line-height: 1; text-decoration:none; }
.btn:hover,
.button:hover{ background-color:#000; color:#fff; }
@media (min-width: 1200px){
    .btn, 
    .button{ border-width: 4px; font-size: 50px; }
}

/* Text box */
.text-box{ background-color:#000; border-radius:15px; color:#fff; padding:2rem; position: relative; z-index:2; }
.text-box.bg-color-white{ background-color:#fff; border: 4px solid #000; color:#000; }
.text-box.bg-color-black{ background-color:#000 !important; color:#fff; }
.text-box.bg-color-black a { color:#fff; }
.text-box.bg-color-black a.btn { color:#000; }
.text-box.bg-color-black a.btn:hover{ border-color:#fff; color:#fff; }
.text-box.bg-color-blue{ background-color:#2C4C9F!important; color:#fff; }
.text-box.bg-color-blue a { color:#fff; }
.text-box.bg-color-blue a.btn { color:#000; }
.text-box.bg-color-blue a.btn:hover { color:#fff; }
.text-box.bg-color-white a.btn { background-color:#000; color:#fff; }
.text-box.bg-color-white a.btn:hover{ background-color:#E7E44E; color:#000; }
.text-box h2{ font-size:32px; }
.text-box h3{ color:#E7E44E; font-size:26px; margin-bottom: 1.5rem; }
.text-box p{ font-size:18px; }
.text-box ul{ list-style: none; font-size:16px; font-family: 'Source Code Pro'; font-style: italic; margin: 0 0 1.5rem; padding: 0; }
.text-box ul li { margin-bottom: .375rem; line-height: 1.2; }
.text-box ul li span{ color: #000; font-size: 24px; max-height: 16px; line-height: 1; display: inline-block; margin-top: -2px; vertical-align: top;}
.text-box ul li span:first-child{ margin-top: -4px; }

@media (min-width: 1200px){
    .text-box{ border-radius:36px; padding:4rem 3rem; }
    .text-box h2{ font-size:50px; }
    .text-box h3{ font-size:40px; margin-bottom: 1.5rem; }
    .text-box p{ font-size:28px; }
    .text-box ul{ font-size:20px; margin: 2rem 0 2.5rem; }
    .text-box ul li { margin-bottom: .5rem; }
    .text-box ul li span{ font-size: 36px; max-height: 20px; }
    .text-box a.btn { margin-top: 2rem; }
}
    
/* Skip to content */
.skipcontent:focus { background: #00777C; border-radius: 0 0 12px 0; border: none; color: #fff; font-weight: 500; left: auto; outline: none; padding: .5rem .75rem; position: absolute; right: auto; top: 0; z-index: 100; }

/* Back to top */
#backtotop.show { opacity: 1; visibility: visible; }
#backtotop { background-color:#fff; border: 1px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); padding: 0 0.75rem; bottom: 15px; border-radius: 30px; cursor:pointer; color:#000; font-size:2rem; position: fixed; left:15px; text-align: center; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#backtotop:hover { background-color: #2C4C9F; border-color: #2C4C9F; color: #fff; text-decoration: none; }


/***********************
HTML Tags Styles
***********************/

/* basic tags */
body{ background-color:#fff; color: #000; font-family: "gopher",sans-serif; font-weight:normal; background-image:url("https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/Page-BG.jpg"); background-size:100% auto; overflow-x: hidden; }
/*Text*/
h1{  }
h2{  }
h3{  }
a{ color:#000; }
a:hover{ color:#000; }
/*p{ margin:0; }*/
strong{  }

/*list*/
ul{  }


/* Forms */
input{  }
.gform_wrapper.gravity-theme .gfield { margin-top: 1rem; }
.gform_wrapper.gravity-theme .gfield input.large, 
.gform_wrapper.gravity-theme .gfield select.large,
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .ginput_complex input, 
.gform_wrapper.gravity-theme .ginput_complex select
{ border: 2px solid #000; border-radius: 30px; }
@media (min-width: 1200px){
    .gform_wrapper.gravity-theme { padding-bottom: 3rem; }
    .gform_wrapper.gravity-theme .gfield_label { font-size: 20px; }
    .gform_heading h2.gform_title { font-size: 3rem; font-weight: bold; margin-top: 1.5rem; }
    .gform_body .section-content { margin-bottom: 1rem; }
    .gform_wrapper.gravity-theme .gform_footer, 
    .gform_wrapper.gravity-theme .gform_page_footer { margin-top: 0; padding: 0;  }
}

/* Video embed */
.wp-block-embed__wrapper{display:flex; justify-content: center;}

/* audio player */
.mejs-container, 
.mejs-container .mejs-controls, 
.mejs-embed, 
.mejs-embed body { background: #2c4c9f !important; border-radius: 20px; }

.speaker-box { max-width: 800px; position: relative; }
.speaker-icon { display: none; } 
@media (min-width: 1200px){
    .speaker-icon { display: block; position: absolute; left: -200px; top: -15px; width: 120px; transform: rotate(-10deg); }
}

/* PERSISTENT PAGE ELEMENTS ============================================================ */

/* Exit Page */
p#exit { height: 96px; margin: 0; position: fixed; right: 31px; top: 140px; width: 36px; z-index: 1000; }
p#exit a { background-color: #000; box-shadow: 0 0 1px 1px rgb(255,255,255,.7); cursor: pointer; color: #fff; display: block; font-size: 23px; font-weight: 600; height:37px; line-height: 1; margin: 0; padding: .5rem 0; text-align: center; text-decoration: none; text-transform: uppercase; transform: rotate(90deg); width: 96px; }
p#exit a:after { background: url("https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/exit.svg") no-repeat; content: ""; display: inline-block; height: 16px; margin: 0 0 0 10px; width: 16px; }
p#exit a:hover { background-color: #2C4C9F; text-decoration: none; }
@media (min-width: 1200px) {
    p#exit { height: 124px; right: 36px; top: 240px; width: 52px; }
    p#exit a { font-size: 32px; height: 52px; padding: .625rem 0; width: 124px; }
    p#exit a:after { height: 22px; width: 22px; }
}

/* Olark Button */
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button {  background-color: #000 !important; border-radius: 40px !important; height: 60px !important; min-width: 0 !important; width: 60px !important; }
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button[aria-expanded="true"] { background-color: #2C4C9F !important; } 
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button.olark-text-button { border-radius: 40px !important; min-width: 0 !important; }
#hbl-live-chat-wrapper #olark-wrapper .olark-button-text > span { display: none !important ; }
#hbl-live-chat-wrapper #olark-wrapper svg.olark-svg-clip-path { display: none; } 
#hbl-live-chat-wrapper #olark-wrapper .olark-top-bar { background-color: #2C4C9F !important; }
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button.olark-text-button .olark-button-text svg { margin-right: 0 !important; }
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button-wrapper .olark-button-focus-wrapper:focus-within { background-color: rgba(44,76,159,.6) !important; border-radius: 30px; }

/***********************
 HEADER 
***********************/
.navbar{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand img{ height: auto; width:90px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

/*on-scroll*/
.navbar.on-scroll{ align-items: flex-start; background-color:#E7E44E; overflow-y: scroll; }
.on-scroll .navbar-brand{ padding:0.4rem 0; }

/* Menu */
.main-nav ul li a{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.nav-link{ font-size:26px; color:#000; padding:0; }
.nav-link.active, .nav-link:hover, .nav-link:focus{ font-weight:bold; color:#000; }
#menu-main-navigation{  }
.sub-menu { list-style: none; }
.sub-menu .nav-link{ font-size:22px; }
.navbar-collapse .social-links { margin: 0; padding:0; }
.navbar-collapse .social-links a{ color:#000; font-size:24px; padding:0 1rem 0 0; }
.navbar-collapse .social-links a:hover{ color:#2C4C9F; }

.btn-chat{ border:2px solid #000; background-color:#fff; color:#000; border-radius:30px; font-size: 1rem; line-height: 1; margin-right: .5rem; padding: 0.25rem 0.75rem; text-decoration:none; }
.btn-chat:hover{ background-color:#000; color:#fff; }

.search-form { margin-left: .5rem; margin-bottom: 0; }
.search-form input{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.search-form input{ width:4px; border:2px solid #000; border-right:0; background-color:#fff; color:#000; border-radius:30px 0 0 30px; font-size: 1rem; line-height: 1; padding: 0.125rem 0.75rem; text-decoration:none; }

.search-form .btn{ border:2px solid #000; border-left:0; background-color:#fff; color:#000; border-radius:0 30px 30px 0; padding: 0.25rem 0.75rem 0.175rem; font-size: 1rem; line-height: 1; text-decoration:none; }
.section-content .search-form { margin: 3rem 0 2rem !important; text-align: center; }
.section-content .search-form input { border-radius: 30px; border: 2px solid #000 !important; font-size: 1.125rem; padding: 0.5rem 0.75rem; width: auto; }
.section-content .search-form input.search-field {  }
.section-content .search-form input.search-submit { background-color: #000; color: #fff; }
.search-results .alert.alert-warning { background-color: #fff; border: 2px solid #000; border-radius: 15px; color: #000; font-size: 1.125rem; padding: 2rem; position: relative; z-index: 2; }
@media (min-width: 1200px){
    .section-content .search-form input { border: 4px solid #000 !important; font-size: 26px; padding: 0.25rem 1.25rem; }
    .section-content .search-form input.search-field { width: 400px; }
    .section-content .search-form input.search-submit { }
    .search-results .alert.alert-warning { border-radius: 36px; border-width: 4px; font-size: 1.5rem; padding: 3rem 3rem 2rem; }
    .search-form input:focus{ width:250px; }
}
@media (max-width: 1200px){
  .search-form .btn { min-height:30px; }
  .search-form input { min-height:30px; }
  .search-form input:focus{ width:250px; }
}
@media (max-width: 768px){
  .search-form input:focus{ flex-grow:1; max-width:250px; }
}
@media (max-width: 576px){
  .btn-chat, .navbar-toggler { font-size:0.9rem !important; }
  .is-main-menu { width:185px; }
  .search-form input:focus { max-width:140px; }
}

.cx-webchat { max-width:290px !important; right:initial !important; left:5px !important; }


/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler { font-size: 1rem; }
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.navbar-toggler, .navbar-toggler.collapsed:hover{ border:2px solid #000; background-color:#000; color:#fff; border-radius:30px; }
.navbar-toggler.collapsed{ border:2px solid #000; background-color:#fff; color:#000; }

@media (min-width: 1200px){
    .navbar-brand img{ width:100%; }
    .on-scroll .navbar-brand img{ width:75%; }
    .nav-link{ font-size:40px; }
    .sub-menu .nav-link{ font-size:30px; }
    .navbar-collapse .social-links a{ font-size:40px; }
    .btn-chat{ border-width: 4px; font-size: 26px; margin-right: 1rem; padding: 0.5rem 1.25rem; }
    .search-form { margin-left: 1rem; }
    .search-form input{ border-width: 4px; font-size: 26px; height: 50px; width:170px; padding: 0.25rem 0 0.25rem 1.25rem; }
    .search-form .btn{ border-width: 4px; font-size: 26px; height: 50px; padding: 0.4375rem 0.75rem 0.375rem; }
    .navbar-toggler { font-size: 26px; padding: 0.5rem 1.25rem; } 
    .navbar-toggler, .navbar-toggler.collapsed:hover{ border-width:4px; }
    .navbar-toggler.collapsed{ border-width:4px; }
}


/***********************
FOOTER
***********************/
#footer{  }
#footer .container { padding: 2rem 1rem 1rem; }
.footer-brand { margin-bottom: 1rem; }
.footer-brand img{ width: 155px; height: auto; }
#footer h2{ color:#fff; font-size: 1.25rem; }
#footer p{ color:#fff; font-size:11px; }
#footer a{ color:#fff; font-size:11px; text-decoration:none; }
#footer a:hover, #footer a:focus { text-decoration:underline; }
#footer .phone-link{ font-size:16px; font-weight: bold; }
#footer .social-links { margin: 0; padding:0; }
#footer .social-links a{ color:#fff; font-size:30px; padding:0 0 0 .75rem; }
#footer .extra-menu { margin: .75rem auto 0.5rem; padding:0; }
#footer .extra-menu a{ border-right: 1px solid #fff; padding-right:.75rem; }
#footer .extra-menu li:last-child a{ border-right: 0; padding-right:0; }
#footer .copyright { font-size: 10px; padding-top: 1rem; }
#footer .copyright a { font-size: 10px; }

@media (min-width: 1200px){
    #footer .container { padding: 2.5rem 2rem 1.5rem; }
    .footer-brand img{ width: 300px; }
    #footer p{ font-size:16px; }
    #footer a{ font-size:13px; }
    #footer .phone-link{ font-size:24px; }
    #footer .social-links a{ font-size:58px; padding:1rem; }
    #footer .extra-menu { margin: 0 auto; padding:0; }
    #footer .copyright { font-size: 12px; padding-top: 2rem; }
    #footer .copyright a { font-size: 12px; }
}

#twitter-link{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%23fff" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/%3E%3C/svg%3E');
display:flex; width:30px; height:32px; margin-left:10px; }

/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

#pagecontent{ min-height:300px; }

/*section-hero*/
html, body, .section-hero, .section-hero .container{ height:100%; }
.section-hero{  }
.section-hero-banner { padding-top: 3rem; overflow-x: hidden; }
.home .section-hero-banner > .container { padding-bottom: 6rem; }
.section-hero-banner h1{ font-size:44px; font-weight:bold; margin-bottom: 1.5rem; max-width: 290px; }
.hero-banner-content {  margin-bottom: 1.5rem; }
.relationships .hero-banner-content { margin-right: 3rem; }
.section-hero-banner p{ font-size:18px; font-weight:normal; line-height: 1.2; margin-bottom: 1.5rem; }
.home .section-hero-banner p{ font-size:20px; }
.section-hero-banner p:first-child{ font-size:29px; }
.section-hero-banner p:first-child strong{ font-weight:normal; background-color:#E7E44E; }
.section-hero-banner p a{ background-color:#E7E44E; color: #000; text-decoration: none; }
.section-hero-banner p a:hover{ background-color:#000; color: #E7E44E; }
.section-hero-banner p a.btn{ background-color:#fff; }
.section-hero-banner p a.btn:hover{ background-color:#000; color: #fff; }
.section-hero-banner ul, 
.section-hero-banner ol{ font-size:16px; line-height: 1.2; margin-bottom: 1.5rem; }

.section-hero-banner .here-for-you{ position:absolute; top:310px; right:10px; width: 120px; z-index:4; }
.section-hero-banner .speech-bubble-1{ position:absolute; top:510px; right:20px; width: 150px; z-index:1; }
.section-hero-banner .speech-bubble-2{ position:absolute; top:580px; right:150px; width: 95px; z-index:2; }
.section-hero-banner .speech-bubble-3{ position:absolute; top:630px; right:30px; width: 95px; z-index:3; }
.section-hero-banner .line-dots{ display: none; }
.section-hero-banner .mobile-lightning { display: block; position: absolute; width: 100px; left: 50px; bottom: 0px; z-index: 2; }
.section-hero-banner .heart-love { position:absolute; top:110px; right:-20px; width: 110px; z-index:4; }
.section-hero-banner .heart-you { position:absolute; top:190px; right:-45px; width: 140px; z-index:1; }
.section-hero-banner .warning-sign{ display: none; }
.section-hero-banner .cloud-lightning{ display: none; }
.section-hero-banner .search-icon{ display: none; }
.section-hero-banner .warning{ display: block; position: absolute; top: -20px; right: 50px; width: 100px; z-index: 3; }
.section-hero-banner .lightning{ display: block; position: absolute; top: 67px; right: 130px; width: 50px; z-index: 1;}
.section-hero-banner .verbal-abuse{ display: block; position: absolute; top: 50px; right: -20px; width: 110px; z-index: 2; }
.section-hero-banner .flag { display: block; height: 110px; position:absolute; right: 0px; top: 80px; transform: rotate(12deg); }
.section-hero-banner .fist{ display: none; }
.section-hero-banner .broken-heart{ display: none; }
.section-hero-banner .hand-stop{ display: none; }
.section-hero-banner .mobile { display: none; }
.section-hero-banner .share{ display: none; }
.section-hero-banner .camera{ display: none; }
.section-hero-banner .justice{ display: none; }
.section-hero-banner .ambassador{ display: block; position:absolute; top:20px; right:-10px; width: 110px; z-index:1; transform: rotate(5deg); transition: transform 1s; }
.section-hero-banner .talk-warning{ display: block; position:absolute; top:0; right:60px; width: 110px; z-index:1; }
.section-hero-banner .talk-love{ display: block; position:absolute; top:20px; right:-15px; width: 80px; z-index:2; }
.section-hero-banner .advisory{ display: none; }
.section-hero-banner .hands { display: block; position:absolute; top:310px; right:10px; width: 120px; z-index:4; }
.section-hero-banner .heart-here { display: block; position:absolute; top:-10px; right:10px; width: 85px; z-index:2; }
.section-hero-banner .heart-bff { display: block; position: absolute; top: 50px; right: -12px; width: 60px; z-index: 3; }
.section-hero-banner .question { display: block; position:absolute; top:-10px; right:-30px; width: 110px; z-index:3; }
.section-hero-banner .pencil { display: block; position:absolute; top:45px; right:40px; width: 80px; z-index:4; }
.section-hero-banner .cross { display: block; position: absolute; top: 110px; right: 5px; width: 45px; z-index: 2; }
.section-hero-banner .nope { display: block; position:absolute; top:-20px; right:10px; width: 115px; z-index:3; }
.section-hero-banner .block { display: block; position: absolute; top: 55px; right: 20px; width: 70px; z-index: 2; }
.section-hero-banner .justice2 { display: block; position:absolute; top:60px; right:-10px; width: 70px; z-index:3; }
.section-hero-banner .shield { display: block; position:absolute; top:-15px; right:15px; width: 70px; z-index:2; }
.section-hero-banner .limits { display: block; position: absolute; top: 30px; right: 70px; width: 65px; z-index: 4; }
.section-hero-banner .speech-bubble-warning{ position:absolute; top:23px; right:0px; width: 90px; z-index:1; }
.section-hero-banner .speech-bubble-heart{ position:absolute; top:80px; right:50px; width: 85px; z-index:2; }
.section-hero-banner .speech-bubble-dots{ position:absolute; top:80px; right:50px; width: 75px; z-index:2; } 
.section-hero-banner .friendship { position:absolute; top:0; right:5px; width: 100px; z-index:2; } 
@media (min-width: 1200px){
    .section-hero-banner { padding-top: 3rem; }
    .section-hero-banner h1{ font-size:80px; max-width: 780px; }
    [class*="stories"] .section-hero-banner h1{ max-width: none; }
    .section-hero-banner p{ font-size: 38px !important; margin-bottom: 2rem; max-width: 780px; }
    .section-hero-banner p:first-child { font-size:52px !important; }
    .section-hero-banner ul, .section-hero-banner ol{ font-size: 32px; margin-bottom: 2rem; max-width: 780px; }
    .section-hero-banner .here-for-you{ top:140px; width: auto; }
    .section-hero-banner .speech-bubble-1{ top:320px; right:20px; width: auto; z-index:1; }
    .section-hero-banner .speech-bubble-2{ top:470px; right:340px;  width: 224px; z-index:2; }
    .section-hero-banner .speech-bubble-3{ top:630px; right:30px; width: auto; z-index:3; }
    .section-hero-banner .line-dots{ display: block; position:absolute; bottom:80px; left:260px; width: auto; z-index:5; }
    .section-hero-banner .mobile-lightning { width: 200px; left: auto; right: 470px; bottom: 30px; }
    .section-hero-banner .heart-love { top:20px; right:120px; width: auto;  }
    .section-hero-banner .heart-you { top:220px; right:20px; width: auto;  }
    .section-hero-banner .warning-sign{ display: block; position:absolute; top:90px; right:40px; width: auto; z-index:3; }
    .section-hero-banner .cloud-lightning{ display: block; position:absolute; top:210px; right:210px; width: 220px; z-index:1; }
    .section-hero-banner .search-icon{ display: block; position:absolute; top:390px; right:90px;  width: auto; z-index:2; }
    .section-hero-banner .warning{ display: block; position:absolute; top:90px; right:150px; width: auto; z-index:3; }
    .section-hero-banner .lightning{ display: block; position:absolute; top:310px; right:290px; width: auto; z-index:1; }
    .section-hero-banner .verbal-abuse{ display: block; position:absolute; top:265px; right:30px;  width: auto; z-index:2; }
    .section-hero-banner .flag { height: 210px; top: 100px; right: 60px; z-index: 3; transform: rotate(-15deg); }
    .section-hero-banner .fist{ display: block; position:absolute; top: 280px; right: 270px; width: auto; z-index:2; }
    .section-hero-banner .broken-heart{ display: block; position:absolute; top:280px; right:270px; width: auto; z-index:2; transform: rotate(15deg); }
    .section-hero-banner .hand-stop{ display: block; position:absolute; top:300px; right:20px; width: auto; z-index:2; }
    .section-hero-banner .camera { display: block; position:absolute; top: 140px; right: 240px; width: auto; z-index: 3; }
    .section-hero-banner .share{ display: block; position:absolute; top: 250px; right: 270px; width: auto; z-index:2; }
    .section-hero-banner .mobile{ display: block; position:absolute; top:180px; right:20px; width: auto; z-index:2; }
    .section-hero-banner .justice{ display: block; position:absolute; top:275px; right: 50px; width: auto; transform: rotate(-7deg); z-index: 4; }
    .section-hero-banner .ambassador { top:70px; right:50px; width: 280px;  }
    .section-hero-banner .talk-warning { top:90px; right:190px; width: 280px; z-index:1; transform: rotate(-5deg);  }
    .section-hero-banner .talk-love { top:70px; right:0px;  width: 200px; z-index:2; transform: rotate(5deg); }
    .section-hero-banner .advisory{ display: block; position:absolute; top:170px; right:0; width: auto; z-index: 3; }
    .section-hero-banner .hands{ top:170px; width: auto; }
    .section-hero-banner .heart-here { top: 150px; right: 140px;  width: 300px; }
    .section-hero-banner .heart-bff { top: 320px;right: 10px;width: 200px; }
    .section-hero-banner .question { top:50px; right:0px; width: auto; }
    .section-hero-banner .pencil { top:110px; right:130px; width: auto; }
    .section-hero-banner .cross { top:260px; right:30px; width: auto; }
    .section-hero-banner .nope { top: 10px; right: 70px;  width: 320px; transform: rotate(10deg); }
    .section-hero-banner .block { top: 210px;right: 130px;width: 200px; transform: rotate(-5deg); }
    .section-hero-banner .justice2 { top:250px; right:10px; width: auto; }
    .section-hero-banner .shield { top:40px; right:50px; width: 190px; transform: rotate(35deg); }
    .section-hero-banner .limits { top:140px; right:210px; width: 180px; }
    .section-hero-banner .speech-bubble-warning{ top:90px; right:20px; width: 260px; z-index:1; }
    .section-hero-banner .speech-bubble-heart{ top:230px; right:220px;  width: 224px; z-index:2; }
    .section-hero-banner .speech-bubble-dots{ top:230px; right:220px;  width: 224px; z-index:2; }
    .section-hero-banner .friendship{ top:100px; right:auto; left: 820px; width: 350px; z-index:2; }

}
@media (max-width: 1200px){
  .section-hero-banner .here-for-you { top:initial; bottom:210px; }
  .section-hero-banner .speech-bubble-1 { top:initial; bottom:140px; }
  .section-hero-banner .speech-bubble-2 { top:initial; right:185px; bottom:150px; }
  .section-hero-banner .speech-bubble-3 { top:initial; right:50px; bottom:70px; }
  .section-hero-banner .mobile-lightning { left:initial; right:160px; bottom:0; }
  .section-hero-banner { overflow-y:hidden; }
  .home .section-hero-banner > .container { padding-bottom:12rem; }
}
@media (max-width: 992px){
  .section-hero-banner .mobile-lightning { bottom:0; }
}
@media (max-width: 576px){
  .section-hero-banner p:first-child { font-size:25px; }
  .hero-banner-content .btn { font-size:18px; }
  .section-hero-banner h1 { font-size:32px; }
  .section-hero-banner { padding-top:1.5rem; }
  /* .section-hero-banner .here-for-you { top:480px; }
  .section-hero-banner .speech-bubble-1 { top:560px; }
  .section-hero-banner .speech-bubble-2 { top:580px; right:185px; }
  .section-hero-banner .speech-bubble-3 { top:690px; right:50px; } */
}

/*section-quiz*/
.section-quiz { padding-top: 3rem; overflow-x: hidden; }
.section-quiz .container { background-image:url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/quiz-bg.png); background-repeat:no-repeat; background-position:bottom right; background-size: auto 260px; padding: 0 35px 125px; }
.section-quiz .text-box{ background-color:#000; padding:2rem; color:#fff; border-radius:15px; }
.section-quiz .text-box h2{ font-size:24px; }
.section-quiz .btn { font-size:20px; }

@media (min-width: 992px){
  .section-quiz .text-box h2{ font-size:32px; }
  .section-quiz .btn { font-size:32px; }
}

@media (min-width: 1200px){
    .section-quiz { padding-top: 3rem; padding-bottom: 3rem; }
    .section-quiz .container { background-position:top 50px right 10px; background-size: auto auto; padding: 0 12px 175px; }
    .section-quiz .text-box{ padding:4rem 3rem; border-radius:36px; }
    .section-quiz .text-box h2{ font-size:50px; }
}

/*section-quote*/
.section-quote { overflow-x: hidden; }
.section-quote .container { }
.quote-text { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/cloud-yellow.png); background-repeat:no-repeat; background-position:top left; background-size: 100% 100%; min-height: 295px; min-width: 345px; margin-left: 70px; padding: 1rem 35px 1rem 25px; position: relative; z-index: 4; }
.quote-text p { font-family: 'Source Code Pro'; font-size: 27px; font-style: italic; font-weight: 600; line-height: 1.2; }
.get-help .quote-text p { font-size: 25px; margin: 1rem 0 0; }
.section-quote .explainer { align-items: flex-end!important; background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/cloud-blue.png); background-repeat:no-repeat; background-position:top left; background-size: contain; height: 210px; width: 320px; margin-left: -1rem; padding: 0 30px 2rem 40px; position: relative; z-index: 4; }
.section-quote .explainer p { color: #fff; font-size: 20px; line-height: 1.2; }
.section-quote .explainer p span { background: #2C4C9F; color: #fff; }
.section-quote .explainer p strong { display: inline-block; }
.section-quote .explainer p a { color:#fff; }

.section-quote .heart{ display: block; height: auto; position:absolute; top:0; left:-12px; width: 155px; z-index:5; }
.section-quote .cloud-lightning{ display: block; height: auto; position:absolute; top:0; left:-12px; width: 155px; z-index:5; }
.section-quote .line-dots{ transform: rotate(290deg); display: block; height: auto; position:absolute; top:260px; left:150px; width: 155px; z-index:5; }
.section-quote .cloud-white { display: block; height: auto; position:absolute; top:120px; right:-130px; width: 255px; z-index: 1; }
.section-quote .star-yellow { display: block; height: auto; position:absolute; top:250px; right:-15px; width: 130px; z-index: 1; }
.section-quote .flag{ display: block; height: auto; position:absolute; top:300px; left:5px; width: 105px; z-index:5; transform: rotate(-10deg); transition: transform 1s; }
@media (min-width: 1200px){
    .section-quote { padding-bottom: 3rem; }
    .quote-text { margin-left: 0; min-height: 645px; min-width: 765px; padding: 3rem 100px 0 50px; }
    .quote-text p { font-size: 54px !important; }
    .section-quote .explainer { margin-left: 0; margin-top: -100px; min-height: 390px; min-width: 630px; padding: 0 50px 2rem 60px; }
    .section-quote .explainer p { font-size: 38px; }
    
    .section-quote .heart{ top:0; left:150px; width: 340px; }
    .section-quote .cloud-lightning{ top:0; left:150px; width: auto; }
    .section-quote .line-dots{ top:600px; left:530px; width: auto; }
    .section-quote .cloud-white { top:250px; right:-290px; width: 565px; }
    .section-quote .star-yellow { top:530px; right:30px; width: 295px; }
    .section-quote .flag { top:500px; left:-10px; width: 255px; }
}
@media (max-width: 576px){
  .quote-text { margin:0; z-index:6;}
}

/*section-questions*/
.section-questions { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/splatter-bg.png) repeat 0 0 / 36px 36px #fff; border-top: 2px solid #000; border-bottom: 2px solid #000; overflow-x: hidden;  }
.section-questions h2 { background: #fff; border-bottom: 2px solid #000; font-size: 28px; margin: 0; padding: .5rem 1rem; text-align: center; }
.section-questions .container-lg { }
.section-questions .accordion { margin: 1rem .5rem; }
.section-questions .accordion-item { background-color: transparent; border: 0; box-shadow: none; margin: .5rem 0; }
.section-questions h3.accordion-header { border: 0; box-shadow: none; margin: 0; }
.section-questions .accordion-button { background-color: #F8CFDA; border: 2px solid #000; border-radius: 25px !important; color: #000; font-size: 18px; margin: 0; padding: .75rem .875rem .5rem; box-shadow: none; align-items: flex-start!important; justify-content: space-between!important; }
.abuse .section-questions .accordion-button,
.what-is-abuse .section-questions .accordion-button { justify-content: flex-start!important; }
.section-questions .accordion-button:not(.collapsed) { background-color: #000; border-radius: 25px 25px 0 0 !important; color: #fff; box-shadow: none; transform: none; }
.section-questions .accordion-button::after { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/plus-black.png); background-size: 24px; height:24px; margin-left: 10px; width: 24px; }
.section-questions .accordion-button:not(.collapsed)::after { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/minus-white.png); background-size: 24px; }
.section-questions .accordion-button > strong { padding-right: 1rem; }
.section-questions .accordion-collapse { border: 0; box-shadow: none; margin: 0; }
.section-questions .accordion-body { background-color: #000; border: 0; border-radius: 0 0 25px 25px; box-shadow: none; color: #fff; font-size: 18px; line-height: 1.3; margin: 0; padding: 0 3rem .75rem 1rem; }
.section-questions .accordion-body > :first-child { border-top: 2px dotted #fff; margin-top: 0 !important; padding-top: 1rem; }
.section-questions .accordion-body > * { font-size: 18px !important; }
.section-questions .accordion-body h2,
.section-questions .accordion-body h3,
.section-questions .accordion-body h4,
.section-questions .accordion-body h5,
.section-questions .accordion-body h6 { font-weight: bold; margin-top: 1.75rem; margin-bottom: 1rem; }
.section-questions .accordion-body a { color:#fff; }
.section-questions .accordion-body a.btn { color:#000;  }
.section-questions .accordion-body a.btn:hover { border-color:#fff; color:#fff; }
.abuse .section-questions .accordion-body p,
.what-is-abuse .section-questions .accordion-body p { display: flex; align-items: flex-start!important; justify-content: flex-start!important; }
.abuse .section-questions .accordion-body p > strong,
.what-is-abuse .section-questions .accordion-body p > strong { padding-right: 1rem; }
@media (min-width: 1200px){
    .section-questions { border-top-width: 4px; border-bottom-width: 4px; }
    .section-questions h2 { border-bottom-width: 4px; font-size: 60px; padding: 2rem 1rem; }
    .section-questions .container-lg { max-width: 1100px; }
    .section-questions .accordion { margin-bottom: 4rem; }
    .section-questions .accordion-item { margin: 1.5rem 0; }
    .section-questions .accordion-button { border-width: 4px; border-radius: 50px !important; font-size: 40px; padding: 1.125rem 1.75rem 1.125rem 2.5rem; }
    .section-questions .accordion-button:not(.collapsed) { border-radius: 50px 50px 0 0 !important; }
    .section-questions .accordion-button::after,
    .section-questions .accordion-button:not(.collapsed)::after { background-size: 57px; height:57px; margin-left: auto!important; width: 57px; }
    .section-questions .accordion-body { border-radius: 0 0 50px 50px; font-size: 40px; padding: 0 6rem 1.75rem 2.5rem; }
    .section-questions .accordion-body > :first-child { border-top-width: 4px; padding-top: 1.5rem; }
    .section-questions .accordion-body > * { font-size: 40px !important; }
}

/*quiz*/
.quiz { margin-bottom: 2rem; }
h2.quiz-question { align-items: center; background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/quiz-question-black.svg) no-repeat 0 0 / contain; color: #fff; display: flex; font-size: 19px;  min-height: 120px; margin: 0 auto 1rem; padding: 0 2rem 0 1.25rem; text-align: center; width: 300px; }
h2.quiz-question strong { border-bottom: 0; }
.quiz-questions > div:nth-child(odd) h2.quiz-question { transform: scaleX(-1); }
.quiz-questions > div:nth-child(odd) h2.quiz-question strong{ transform: scaleX(-1); }

.quiz-options { margin-bottom: 3rem; }
.quiz-options > div { background-color: rgba(255,255,255,.6); border-radius: 20px !important; box-shadow: 0px 0px 2px rgb(0 0 0 / 30%); color: #000; display: block; font-size: 16px; margin: 0 0 .5rem; padding: .75rem 1rem; align-items: flex-start!important; justify-content: space-between!important; text-decoration: none;  }
.quiz-options > div.chosen.green { background-color: #2C4C9F; color:#fff; }
.quiz-options > div.chosen.yellow { background-color: #E7E44E; color: #000; }
.quiz-options > div.chosen.red { background-color: #DF1D45; color: #fff; }
.quiz-options > div.chosen label { font-weight: bold; }
.quiz-options a { color: #000; }
.quiz-options > div.chosen.green a,
.quiz-options > div.chosen.red a { color: #fff; }
.quiz-response { display: none; font-size: 15px; font-style: italic;  margin: .5rem 0 0 1.5rem; }
.quiz-options > div.chosen .quiz-response { display: block; }
.quiz-response p { margin-bottom:.5rem; }
.quiz-response p:last-child, 
.quiz-response ul:last-child { margin-bottom:0; }

.quiz-result { border: 2px solid #000; background: #fff; border-radius: 20px; color: #000; padding: 1rem 1rem .25rem;  }

@media (min-width: 1200px){
    .quiz { margin-bottom: 4rem; }
    h2.quiz-question { font-size: 28px; min-height: 175px; padding: 0 2.5rem 0 1.5rem; width: 100%; }
    .quiz-questions > div:nth-child(odd) h2.quiz-question { transform:none; }
    .quiz-questions > div:nth-child(odd) h2.quiz-question strong{ transform: none; }

    .col-xl-7 { padding-top: 2rem; }
    .quiz-options { margin-bottom: 5rem; }
    .quiz-options > div { border-radius: 40px !important; box-shadow: 0px 0px 2px rgb(0 0 0 / 30%); font-size: 20px; padding: 1rem 1.25rem; }
    .quiz-response { font-size: 17px; margin-left: 1.875rem; }
    .quiz-result { border: 4px solid #000; border-radius: 40px; padding: 1.75rem 2rem .5rem; }
    .quiz-result h2 { margin-bottom: 1rem; }
    .quiz-result p { font-size: 20px; }
}

/*section-friend*/
.section-friend { background-image: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/flower-yellow-outlined.png), url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/hearts-outlined.png); background-position: -60px -20px, right 10px bottom 0; background-size: 270px auto, auto 280px; background-repeat:no-repeat; padding: 90px 0 150px; overflow-x: hidden;  }
.section-friend .container {  }
.section-friend .text-box{ background-color:#2C4C9F; border-radius:15px; color:#fff; margin: 0 1rem; padding:2rem; }
.section-friend .text-box h2{ font-size:32px; }

.section-friend .heart-here,
.section-friend .heart-bff { display: none; }

@media (min-width: 1200px){
    .section-friend {  background-position: -150px 80px, right -90px top 100px; background-size: auto, auto; padding: 250px 0 140px; }
    .section-friend .container { }
    .section-friend .text-box{ padding:4rem 3rem; border-radius:36px; margin: 6rem 0 0; }
    .section-friend .text-box h2{ font-size:50px; margin-bottom: 3rem; }
    
    .section-friend .heart-here { display: block; position:absolute; top:0; left:10px; z-index:2; }
    .section-friend .heart-bff {  display: block; position:absolute; top:280px; left:10px; z-index:4; }
}

/*section-story*/
.section-story { overflow-x: hidden; overflow-y:hidden; padding-bottom: 2rem; }
.home .section-story { margin-top:-50px; }
.section-story .container { padding-bottom: 360px; }
.section-story p .btn {  }

.story-quote { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/speech-bubble-outline.png); background-repeat:no-repeat; background-position:0 0; background-size: contain; height: 380px; margin-left: -12px; position: relative; width: 445px; z-index: 10; }
.story-quote > div { padding: 1rem 2rem 0 2rem; }
.story-quote p:first-child { font-family: 'Source Code Pro'; font-size: 28px; font-style: italic; font-weight: 600; line-height: 1.1; margin-bottom: 1rem; }

.section-story .photo { display: block; position:absolute; top:330px; left:50%;  margin-left:-150px; height: 275px; z-index:1; }
.section-story .flower{ display: block; position:absolute; top:310px; right:-80px; height: 160px; z-index:2; }
.section-story .elipse{ display: block; position:absolute; top:600px; right:90px; height: 90px; z-index:3; }

@media (min-width: 1200px){
    .section-story { margin-top:0; padding-bottom: 3rem; }
    .section-story .container { padding-bottom: 240px; }
    .story-quote { background-position:0 0; background-size: auto; margin-left: 0; height: 655px; width: 762px; }
    .story-quote > div { padding: 2rem 7.5rem 1rem; }
    .story-quote p:first-child { font-size: 44px; line-height: 1.2; margin-bottom: 2rem; }
    .story-quote a.btn { font-size: 50px; }
    
    .section-story .photo{ height: auto; top:220px; right:-40px; left:initial; margin:0; }
    .section-story .flower{ height: auto; top:60px; right:-50px; }
    .section-story .elipse{ height: auto; top: auto; bottom:120px; right:200px; }
}

@media (max-width: 445px){
  .story-quote { width:300px; height:285px;  }
  .story-quote p, .story-quote .btn { font-size:20px !important; }
  .section-story .photo { top:240px; }
  .section-story .elipse { top:470px; }
}

/*story-details*/
.story-details { padding-bottom: 0; overflow-x: hidden; }
.story-details .container { padding-bottom: 0; }
.story-details:nth-child(odd) .row{ justify-content: flex-end!important; }
.story-details .row .col-lg-8 { max-width: 630px; padding: 0; }
.story-details .story-quote { background-image: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/speech-bubble-white.png); background-position: 0 0; background-size: contain; height: 295px; max-width: 420px; width:auto; }
.story-details:nth-child(even) .story-quote { background-image: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/speech-bubble-black.png); }
.story-details .story-quote > div { padding: 1rem 2rem 0; }
.story-details:nth-child(even) .story-quote p { color: #fff; }
.story-details > .container > p { margin-top:200px; position: relative; z-index:20; }
.story-details > .container > p a.btn { background-color: #2C4C9F; color:#fff; padding-left: 1.5rem; padding-right: 1.5rem; }
.story-details:nth-child(2n) > .container > p a.btn { background-color: #EBE84C; color:#000; }
.story-details:nth-child(3n) > .container > p a.btn { background-color: #000; color:#fff; }
.story-details > .container > p a.btn:after { background-image: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/arrow-white.png); background-position: top 50% right 0; background-repeat: no-repeat; background-size: contain; content: ''; display: inline-block; height:10px; margin-left: .5rem; vertical-align: middle; width: 17px; }
.story-details:nth-child(2n) > .container > p a.btn::after { background-image: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/arrow-black.png); transform: rotate(180deg); }

.story-details .oval { display: block; position:absolute; bottom: 40px; left:-50px; width: 335px; z-index:1; }
.story-details:nth-child(even) .oval { left: auto; right: -50px; }
.story-details .cloud{ display: none; }

.story-content { background-color: rgba(255,255,255,.6); margin-top: 2rem; margin-bottom: 1rem; padding: 1rem; }
.story-content p { font-size: 20px; margin-bottom: 1.25rem; position: relative; }
.story-content p:nth-child(even) { }
.story-content p strong { color: #2C4C9F; font-size: 24px; }
.story-content p em { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/quotes-yellow.png) no-repeat top left; background-size: 38px auto; /*border-right: 4px solid #2C4C9F;*/ display: block; float: left; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.2;  margin: 10px 20px 10px 0; padding: 20px 10px 10px; position: relative; width: 100%; z-index: 10; }

@media (min-width: 992px){
    .story-details { margin-bottom: 2rem; }
    .story-details .row .col-lg-8 { margin-right:100px; }
    .story-details:nth-child(even) .row .col-lg-8 { margin-left:100px; margin-right:0; }
    .story-details .story-quote { height: 425px; max-width: 100%; width: 605px; }
    .story-details .story-quote > div { padding: 1rem 3rem 0; }
    .story-details .story-quote p:first-child { font-size: 38px; }
    .story-details > .container > p { margin-top:40px; }
    .story-details > .container > p a.btn { padding-left: 3rem; padding-right: 3rem; }
    .story-details > .container > p a.btn:after { background-size: auto; height:20px; margin-left: 1.5rem; width: 33px; }
    
    .story-details .oval{ bottom:0px; left:-40px; width: auto; }
    .story-details:nth-child(even) .oval { left: auto; right: -40px; }
    .story-details .cloud{ display: block; position:absolute; left:-50px; top:0px; width: auto; z-index:1; }
    
    .story-content { padding: 2rem 5rem; }
    .story-content p { font-size: 22px; margin-bottom: 1.5rem; }
    .story-content p strong { font-size: 26px; padding: 0 10px; }
    .story-content p em { background-size: auto auto; font-size: 28px; margin: 10px 30px 10px -50px; padding: 30px 20px 10px; width: 30%; }
    .story-content p em.float-end { background-position: 20px 0; /*border-right: none; border-left: 4px solid #2C4C9F; */ float: right; margin-left:30px; margin-right: -50px; padding-left:40px; }
}
@media (min-width: 1200px){
    .story-content > .container { max-width: 960px !important; }
    .story-content p em { margin-left: -80px; }
    .story-content p em.float-end { margin-left:30px; margin-right: -80px; }
}
@media (min-width: 1400px){
    .story-content p em { margin-left: -120px; }
    .story-content p em.float-end { margin-left:30px; margin-right: -120px; }
}

/*section-facts*/
.section-facts { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/splatter-bg.png) repeat 0 0 / 36px 36px; border-top: 2px solid #000; margin-bottom: 2rem; overflow-x: hidden; }
.home .section-facts { background-color: #fff; }
.section-facts h2 { background: #fff; border-bottom: 2px solid #000; font-size: 28px; margin: 0; padding: .5rem 1rem; text-align: center; }
.section-facts .accordion { }
.section-facts .accordion-item { background-color: transparent; border-bottom: 2px solid #000 !important; position: relative; }
.section-facts h3.accordion-header { height: 380px; position: relative; }
.section-facts .accordion-button { background-color: transparent; color: #000; display: block; font-size: 18px; height: 100%; padding: 1rem .875rem; text-align: center; }
.home .section-facts .accordion-button { cursor: default; }
.section-facts .accordion-button::after { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/plus-white-lg.png); background-size: 44px; height:44px; margin-left: 10px; width: 44px; position: absolute; top: 20px; right: 20px; z-index: 30; }
.section-facts .accordion-button:not(.collapsed)::after { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/minus-white-lg.png); background-size: 44px; }
.home .section-facts .accordion-button::after { display: none !important; }
.section-facts .accordion-button img { max-height: 225px; width: auto; max-width:100%; }
.section-facts .accordion-button strong { display: block; font-size: 24px; padding: .75rem .75rem 0; }
.section-facts .accordion-body { background-color: #fff; font-size: 16px; line-height: 1.2; margin: 0; padding: 2rem; }
.section-facts .accordion-body h4,
.home .section-facts .accordion-body p { font-size: 24px; }
.section-facts .accordion-body a { color: #000; font-weight: bold; }
.home .section-facts .accordion-body p:last-child a { border-bottom: 2px solid #000; color: #000; display: inline-block; font-size: 16px; font-weight: bold; padding-bottom: 3px; text-decoration: none; }

@media (min-width: 1200px){
    .section-facts { background-size: auto; border-top-width: 3px; }
    .section-facts h2 { border-bottom-width: 3px; font-size: 60px; padding: 2rem 1rem; }
    .section-facts .accordion { }
    .section-facts .accordion-item { border-bottom-width: 3px !important;  }
    .section-facts h3.accordion-header { height: 520px; }
    .section-facts .row .col-lg-6:nth-child(odd) .accordion-item { border-right: 3px solid #000; }
    .section-facts .accordion-button { font-size: 42px; padding: 1.125rem 1.75rem 1.125rem 2.5rem; }
    .section-facts .accordion-button img { max-height: 370px; }
    .section-facts .accordion-button strong { font-size: 40px; padding: 1.5rem 1.5rem 0; }
    .section-facts .accordion-button::after,
    .section-facts .accordion-button:not(.collapsed)::after { background-size: 101px; height:101px; width: 101px; }
    .section-facts .accordion-button > div { opacity: 0; transition: opacity .5s;  }
    .section-facts .accordion-button.collapsed > div { opacity: 1; }
    .section-facts .accordion-collapse { background-color: #fff; position: absolute; top: 0px; }
    .section-facts .accordion-body { background-color: transparent; font-size: 18px; height: 456px; margin: 2rem 7rem 2rem 3rem; overflow: hidden; padding: 0; position: relative; z-index: 20; }
    .section-facts .accordion-body h4 { margin-bottom: 1rem; }
    .section-facts .accordion-body h4,
    .home .section-facts .accordion-body p { font-size: 38px; }
    .home .section-facts .accordion-body p:last-child a { font-size: 24px; }
}


/*section-safety*/
.section-safety { margin-top: 60px; overflow-x: hidden; }
.section-safety .container { padding-top: 170px; padding-bottom: 200px; }
.section-safety .text-box{ background-color:#000; border-radius:15px; color:#fff; margin: 0 2rem; padding:2.5rem 2rem 3rem; position: relative; z-index:2; }
.section-safety .text-box h2{ font-size:20px; }
.section-safety .btn { font-size:18px; }
.section-safety .text-box a.btn:hover { border-color: #fff; }

.section-safety .nope { display: block; position:absolute; top:0px; left:-20px; height: 168px; z-index:1; }
.section-safety .mobile{ display: block; position:absolute; bottom:0px; right:0px; height: 230px; z-index:3; }
.section-safety .flower{ display: block; position:absolute; top:80px; right:-15px; height: 150px; z-index:3; transform: rotate(125deg) }
.section-safety .line-dots{ display: none; }

@media (min-width: 768px){
  .section-safety .text-box h2{ font-size:32px; }
}

@media (min-width: 1200px){
    .section-safety { margin-top: 70px; margin-bottom: 20px; }
    .section-safety .container { padding-top: 320px; padding-bottom: 230px; }
    .section-safety .text-box{ border-radius:36px; margin: 0; padding:5rem 3rem 6rem; }
    .section-safety .text-box h2{ font-size:50px; }
    .section-safety .btn { font-size:32px; }
    
    .section-safety .nope { height: auto; left: -40px; }
    .section-safety .mobile{ height: auto; }
    .section-safety .flower{ height: auto; top:140px; right:210px; z-index:1; }
    .section-safety .line-dots{ display: block; position:absolute; bottom:110px; left:500px; transform: rotate(20deg); width: auto; z-index:5; }
}





/*section-legal*/
.section-legal { background-image:url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/shield-white.png); background-repeat:no-repeat; background-position:top 0 left -80px; background-size: auto 265px; padding-bottom: 2rem; overflow-x: hidden;  }
.section-legal .container { padding-bottom: 2rem; }
.section-legal .explainer{ background-color:#EBE74D; color:#000; border-radius:50%; min-height: 220px; margin-top: 2rem; max-width: 320px; padding:1.5rem 3rem .5rem; position: relative; transform: rotate(-12deg); z-index: 2; }
.section-legal .explainer p{ font-size: 21px; font-weight: bold; line-height: 1.3; transform: rotate(12deg); }
.section-legal .text-box{ background-color:#2C4C9F; color:#fff; border-radius:15px; margin: 3rem auto 0; max-width: 350px; padding:2.5rem 1rem; position: relative; z-index: 6;}
.section-legal .text-box h2{ font-size:24px; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; }
.section-legal .text-box .btn{ font-size:24px; }

.section-legal .elipse{ display: block; height: 70px; left:210px; position:absolute; top:0px; transform: rotate(12deg); width: auto; z-index:3; }
.section-legal .shield{ display: block; height: 205px; right:-20px; position:absolute; top:120px; width: auto; z-index:1; }
.section-legal .doc,
.section-legal .line-dots{ display: none; }

@media (min-width: 768px){
  .section-legal .text-box h2{ font-size:36px; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; }
  .section-legal .text-box .btn{ font-size:36px; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; }
}

@media (min-width: 1200px){
    .section-legal { background-position:top 0 left -120px; background-size: auto; padding-bottom: 2rem; }
    .section-legal .container { padding: 0 12px 175px; }
    .section-legal .explainer{ height: 560px; margin-top: 2rem; margin-left: -2rem; max-width: 100%; width: 750px; padding:2rem 8rem 1rem; }
    .section-legal .explainer p{ font-size: 50px; }
    .section-legal .text-box{ border-radius:36px; margin: 0; max-width: 100%; padding:4rem 3rem; }
    .section-legal .text-box h2{ font-size:50px; }
    
    .section-legal .elipse{ height: auto; left:500px; top: -20px;  }
    .section-legal .shield{ height: 440px; right: -40px; top: 240px; }
    .section-legal .doc{ display: block; position:absolute; bottom:280px; left:20px; width: auto; z-index:5; }
    .section-legal .line-dots{ display: block; position:absolute; bottom:390px; left:280px; transform: rotate(30deg); width: auto; z-index:5; }

}

/*section-expand*/
.section-expand { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/splatter-bg.png) repeat 0 0 / 36px 36px #fff; border-top: 2px solid #000; border-bottom: 2px solid #000; overflow-x: hidden;  }
.section-expand h2 { background: #fff; border-bottom: 2px solid #000; font-size: 28px; margin: 0; padding: .5rem 1rem; text-align: center; }
.section-expand .container-lg { }
.section-expand .expander { margin: 1rem .5rem; }
.section-expand .expand-item { background-color: #EBE84C; border-radius: 25px; color:#000 !important;  margin: .5rem 0; padding: 1rem; text-align: center; }
.section-expand .expand-item:nth-child(odd) { background-color: #2C4C9F; color: #fff !important; }
.section-expand h3.expand-header { font-size: 18px; margin: 0; padding: .5rem 1rem; }
.section-expand .expand-body { font-size: 15px; line-height: 1.3; margin: 0; padding: 1rem; position: relative; }
.section-expand .expand-body ul { display: flex; align-items: center; flex-direction: column; justify-content: center; list-style: none; margin: 0 0 1.5rem; padding: 0; }
.section-expand .expand-body li { border-bottom: 1px solid #333; margin: 0 0 6px;  padding: 0 14px 4px; }
.section-expand .expand-item:nth-child(odd) .expand-body li { border-bottom-color: #bbb; }
@media (min-width: 1200px){
    .section-expand { border-top-width: 4px; border-bottom-width: 4px; }
    .section-expand h2 { border-bottom-width: 4px; font-size: 60px; padding: 2rem 1rem; }
    .section-expand .container-lg { max-width: 1100px; }
    .section-expand .expander { margin-bottom: 4rem; }
    .section-expand .expand-item { border-radius: 50px; margin: 1.5rem 0; }
    .section-expand h3.expand-header { font-size: 43px; }
    .section-expand .expand-body { font-size: 25px; }
    .section-expand .expand-body li { border-bottom-width: 2px; margin: 0 0 9px;  padding: 0 24px 7px; }
}


/*section-tell*/
.section-tell { padding-top: .5rem; padding-bottom: 2rem; overflow-x: hidden; }
.section-tell .container { padding-bottom: 2rem; }
.section-tell .text-box { background-color: #2C4C9F; }

.section-tell .mobile-hearts { display: block; position:absolute; top:0px; left:-40px; height: 133px; z-index:1; }
.section-tell .share-icon { display: block; position:absolute; bottom:0px; right:-20px; height: 80px; z-index:3; }
.section-tell .line-dots{ display: none; }
.section-tell .flag { display: block; height: 100px; position:absolute; top:-10px; left:0px; transform: rotate(-10deg); z-index:3; }
.section-tell .warning-sign { display: block; position:absolute; bottom:0px; right:-20px; height: 80px; z-index:3; }
@media (min-width: 1200px){    
    .section-tell {  }
    .section-tell .container { padding: 50px 12px 175px; }

    .section-tell .mobile-hearts { height: auto; left: -120px; }
    .section-tell .share-icon{ bottom: 60px; right:-30px; height: auto; }
    .section-tell .line-dots{ display: block; position:absolute; bottom:70px; left:680px; transform: rotate(10deg); width: auto; z-index:5; }
    .section-tell .flag { height: 330px; left: 25px; top: 10px; transform: rotate(-20deg); }
    .section-tell .warning-sign{ bottom: 60px; right:-10px; height: auto; }
}

/*section-box*/
.section-box { padding-top: 2rem; padding-bottom: 2rem; overflow-x: hidden; }
.section-box .container { padding-bottom: 2rem; position: relative; }
@media (min-width: 1200px){    
    .section-box {  }
    .section-box .container { padding: 50px 12px 175px; }
}

.section-box .broken-heart { display: none; }
.section-box .shield-heart { display: none; }
.section-box .mobile { display: none; }
.section-box .pen { display: block; left: -10px; position: absolute; bottom: -10px; width: 110px; z-index: 2;  }
.section-box .justice { bottom: -10px; display: block; position: absolute; right: 20px; width: 120px; z-index: 2; }
.section-box .insta { bottom: -20px; display: block; position: absolute; right: -10px; width: 130px; z-index: 2; transform: rotate(10deg); transition: transform 1s; }
.section-box .sun { top: -35px; display: block; position: absolute; right: -50px; width: 130px; z-index: 2; }
@media (min-width: 1200px){ 
    .section-box .broken-heart { display: block; left: 90px; position: absolute; top: 10px; z-index: 2; }
    .section-box .shield-heart { display: block; right: 20px; position: absolute; bottom: 120px; z-index: 2; }
    .section-box .mobile { display: block; right: 20px; position: absolute; bottom: 220px; width: 300px; z-index: 2; }
    .section-box .pen { right: 80px; left: auto; bottom: 210px; width: 200px; transform: scaleX(-1); transition: transform .7s; }
    .section-box .justice { bottom: auto; top: 220px; width: 240px; }
    .section-box .insta { bottom: 0; left: 100px; right: auto; width: 300px; transform: rotate(-10deg); }
    .section-box .sun { left: -30px; right: auto; width: 300px; z-index: 1; }
}

/*section-types*/
.section-types { margin-bottom: 2rem; position: relative; }
.section-types > .container:first-child { margin-bottom: 1rem; }
.section-types > .container:last-child { margin-top: 1.5rem; }
.section-types > .container > h2 { font-size: 28px; margin: 0; padding: 1.5rem 0 .5rem 0; }
.section-types > .container > p { font-size: 20px; }
.section-types > p > .btn { background-color: #000; color:#fff; display: block !important; margin: 0 1rem !important; padding-left: 1.5rem; padding-right: 1.5rem; position: relative; }
.section-types > p > .btn:after { background-image: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/arrow-white.png); background-position: top 50% right 0; background-repeat: no-repeat; background-size: contain; content: ''; display: inline-block; height:10px; margin-left: .5rem; vertical-align: middle; width: 17px; }

.section-types .story-content { margin: 0 0 1rem 0; }
.section-types .story-content ul { font-size: 18px; }
.section-types .story-content p strong { background-color: #E7E44E; color: #000; font-size: 20px; font-weight: normal; }
.section-types .story-content a { color:#000; }

.section-types .love-bomb,
.section-types .cloud-lightning,
.section-types .thumbs-down,
.section-types .lightning,
.section-types .broken-heart,
.section-types .thumbs-down-2 { display: none; }

@media (min-width: 1200px){   
    .section-types { margin-bottom: 3rem; }
    .section-types > .container:first-child { max-width: 760px; margin-bottom: 2rem; }
    .section-types > .container:last-child { max-width: 760px; margin-top: 2rem; }
    .section-types > .graphics { position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: -1; }
    .section-types > .graphics > .container { position: relative; margin-top: 0; margin-bottom: 0; }
    .section-types > .container > h2 { font-size: 60px; padding: 2rem 0; }
    .section-types > .container > p { font-size: 26px; }
    .section-types .container-lg { max-width: 1100px; }
    .section-types > p > .btn { margin: 0 auto !important; max-width: 800px; padding-left: 3rem; padding-right: 3rem; }
    .section-types > p > .btn:after { background-size: auto; height: 20px; margin-left: 1.5rem; width: 33px; }
    .section-types .story-content { margin-bottom: 2rem; }
    .section-types .story-content > .container-xxl { max-width: 1140px !important; }
    .section-types .story-content ul { font-size: 20px; }
    .section-types .story-content p strong { font-size: 22px; padding: 0; }

    .section-types .love-bomb { display: block; position:absolute; top:10px; right:0px; width: auto; z-index: -1; }
    .section-types .cloud-lightning { display: block; position:absolute; top:0px; left:30px; width: 200px; z-index: -1; }
    .section-types .thumbs-down { display: block; position:absolute; top:100px; left:180px; width: auto;z-index:-1 }
    .section-types .lightning { display: block; position:absolute; top:310px; right:50px; width: 150px; z-index: -1; }
    .section-types .broken-heart { display: block; position:absolute; top:470px; left:40px; width: 200px; z-index: -1; }
    .section-types .thumbs-down-2 { display: block; position:absolute; top:290px; left:100px; width: 170px; z-index: -1; }
}

.section-list { padding-bottom: 3rem; position: relative; overflow-x: hidden; }
.section-list ul { list-style: none; margin-top: 0; margin-bottom: 0; padding: 0; }
.section-list li { display: flex; font-size: 22px; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.section-list li > div { background-color: #fff; border: 4px solid #fff; min-height: 260px; max-width: 300px; margin: 0 auto; padding: 1rem 2rem 1rem 1rem; }
.section-list li:nth-child(3) > div,
.section-list li:nth-child(5) > div,
.section-list li:nth-child(12) > div { background-color: transparent; }
.section-list li:nth-child(8) > div,
.section-list li:nth-child(10) > div { background-color: rgba(255,255,255,.6); border-color: transparent; }
.section-list .clouds { display: block; left: 40px; position: absolute; top: 195px; width: 180px; z-index: 2; }
.section-list .warning { display: block; right: 20px; position: absolute; top: 700px; width: 130px; z-index: 2; }
.section-list .lightning { display: block; left: 260px; position: absolute; bottom: -20px; width: 80px; z-index: 2; }
.section-list .mobile-heart { display: block; right: 130px; position: absolute; top: 1290px; width: 110px; z-index: 2; }
.section-list .timer { display: block; left: 30px; position: absolute; bottom: 840px; width: 110px; z-index: 2; }
@media (min-width: 768px){
    .section-list li > div { max-width: none; }
}
@media (min-width: 992px){   
    .section-list { padding-bottom: 4rem; }
    .section-list li { }
    .section-list li > div { padding: .875rem 2rem .875rem .875rem; min-height: 230px;  }
    .section-list .clouds { left: 230px; top: 160px; width: 240px; }
    .section-list .warning { right: -20px; top: 610px; width: 150px; }
    .section-list .lightning { left: 250px; bottom: 0; width: 90px; }
    .section-list .mobile-heart { left: 550px; right: auto; bottom: 490px; top: auto; }
    .section-list .timer { display: none; }
}
@media (min-width: 1200px){ 
    .section-list .clouds { left: 400px; top: 143px; }
    .section-list .warning { right: 270px; bottom: -10px; top: auto; }
    .section-list .lightning { left: auto; right: -30px; bottom: auto; top: 170px; width: 100px; }
    .section-list .mobile-heart { left: 215px; bottom: 220px; }
}
@media (min-width: 1400px){ 
    .section-list .clouds { left: 480px; }
    .section-list .warning { }
    .section-list .lightning { right: 60px; }
    .section-list .mobile-heart { left: 300px; bottom: 200px; }
}

.section-content { margin-bottom: 2rem; overflow-x: hidden; }
.section-content a { color: #000; }
.section-content h2 {  margin-bottom: 1.5rem; }
.section-content h2 strong { border-bottom: 4px dotted #fff; }
.section-content ul { list-style: none; }
.section-content ul li { margin-bottom: .25rem; }
.section-content ul li::before { content: "\25CF"; color: #2C4C9F; display: inline-block; font-size: 1rem; width: 1.25rem; margin-left: -20px; height: 22px; line-height: 18px; vertical-align: middle; }
.section-content ol { list-style: none; counter-reset: li; }
.section-content ol li { counter-increment: li; margin-bottom: .25rem; }
.section-content ol li::before { content: "." counter(li); color: #2C4C9F; direction: rtl; display: inline-block; font-weight: bold; margin-left: -1.5em; margin-right: 0.5em; text-align: right; width: 1em; }

@media (min-width: 1200px){  
    .section-content { font-size: 20px; }
    .section-content h2 { font-size: 3rem; margin-top: 1.5rem; margin-bottom: 2rem; }
    .section-content h3 { font-size: 2rem; margin-top: 1.5rem; margin-bottom: 1rem; }
}

/*for wordpress editor*/
.section-contentpage{  }
.section-contentpage h2{  }
.section-contentpage h3{  }
.section-contentpage p{  }
.section-contentpage a{  }
.section-contentpage a:hover{ text-decoration:none; }
.section-contentpage strong{  }
.section-contentpage ul{  }

/* News List */
.news-list {}
.news-list article { background-color: #fff; border-radius: 25px !important; border: 4px solid #000; color: #000; display: block; margin: 0 0 1.25rem; padding: 1.25rem 1rem .25rem; position: relative; }
.news-list article:nth-child(even) { background-color: #000; color: #fff; }
.news-list article img { border-radius: 50%; float: right; margin: -10px -70px 10px 10px; transform: rotate(7deg); width: 200px; }
.news-list article h2 { font-size: 1.375rem; margin-bottom: 1rem; }
.news-list article h2 a { text-decoration: none; }
.news-list article:nth-child(even) h2 a { color: #fff; }
.news-list article p.time { background-color: #E7E44E; float: left; margin-bottom: 0; margin-right: 32px; padding: 0 2px; position: relative; }
.news-list article p.time:after { content: "—"; display: inline-block; position: absolute; right: -27px; }
.news-list article p.time time { color:#000; }
@media (min-width: 768px) {
    .news-list article img { margin: -5px -70px 10px 10px; width: 220px; }
}
@media (min-width: 992px) {
    .news-list article img { width: 250px; }
}
@media (min-width: 1200px) {
    .news-list article { border-radius: 50px !important; border-width: 4px; margin: 0 0 2rem; padding: 0.25rem 1.75rem .75rem; max-width: 90%; }
    .news-list article:nth-child(3n) { margin-left: auto; }
    .news-list article:nth-child(3n+1) { margin-right:auto; margin-left: auto; }
    .news-list article img { margin-top: 15px; width: 300px; }
    .news-list article h2 { font-size: 2rem; margin-bottom: 1.5rem; }
}

/* News Post */
.news-post { padding-top: 2rem; }
.news-post header h1 { font-size: 30px; font-weight: bold; margin-bottom: 1.5rem; }
.news-post header time { display: block; font-size: 24px; margin-bottom: 1.5rem; }
.news-post header img { border-radius: 50%; max-width: 100%; }
@media (min-width: 992px) {
    .news-post { padding-top: 3rem; }
    .news-post header img { float: right; margin-left: 2rem; margin-bottom: 2rem; }
}
@media (min-width: 1200px) {
    .news-post header h1 { font-size: 54px; }
    .news-post header time { font-size: 28px; margin-bottom: 2.5rem; }
    .news-post header img { margin-top: -2rem; margin-right: -10rem; }
}
@media (min-width: 1400px) {
    .news-post header h1 { font-size: 60px; }
    .news-post header time { font-size: 32px; }
    .news-post header img { margin-top: -3rem; margin-right: -13rem; }
}

/* Quotes */
blockquote { background: url(https://www.toointoyou.ie/app/themes/toointoyou/resources/assets/images/quotes-yellow.png) no-repeat 10px 10px / 32px auto rgba(255,255,255,.4); padding: 15px 15px 10px; }
blockquote p:last-child { margin-bottom: 0; }
@media (min-width: 992px) {
    blockquote { background-size: 50px auto; padding: 20px 25px 10px; }
}

/* text-bubble */
.text-bubble-wrapper { height: 120px; } 
.text-bubble { align-items: center!important; background: #2c4c9f; border-radius: 50%; bottom: 0; color: #fff; display: flex; left: -25px; width: 340px; padding: 2.5rem 3rem 1rem; position: absolute; text-align: center; transform: rotate(-8deg); z-index: 2; }
@media (min-width: 1200px){  
    .text-bubble-wrapper { height: auto; }
    .text-bubble { bottom: 20px; height: 260px; left: auto; padding: 2rem 2rem 1rem; right: -30px; transform: rotate(10deg); width: 380px; }
    .text-bubble h3 { font-size: 2.25rem; padding: 0 1rem; }
    .text-bubble p { font-size: 1.375rem; }
    
}

/* 404 */
.error404 .section-hero-banner { padding-top: 0; padding-bottom: 3rem; }
.error404 .page404-title { background: url(https://www.toointoyou.ie/app/uploads/2022/11/cloud-blue.svg) no-repeat 50% 50% / contain; color: #fff; height: 320px; max-width: 100%;  text-align: center; margin-bottom: 2rem }
.error404 .page404-title h1 { font-size: 90px; max-width:none; }
.error404 .page404-title p { font-size: 32px; }
.error404 .page404-content {}
.error404 .page404-content > div:first-child { background: url(https://www.toointoyou.ie/app/uploads/2022/10/speech-bubble-white.png) no-repeat 50% 100% / contain; font-size: 2rem; height: 250px; padding: 2rem; text-align: center; width: 100%; }
.error404 .page404-content > div > p { font-size: 26px !important; margin-bottom: 0; }
@media (min-width: 1200px){  
    .error404 .page404-title { height: 480px; margin-bottom: 0; }
    .error404 .page404-title h1 { font-size: 100px; }
    .error404 .page404-title p { font-size: 40px; }
    .error404 .page404-content > div:first-child { background-position: 0 100%; font-size: 2rem; height: 310px; padding: 3rem; width: 430px; }
    .error404 .page404-content > div > p { font-size: 30px !important; }
    .error404 .section-content .search-form input.search-field { width: auto; }
}


/* Chat button */
p#chat { height: 60px; margin: 0; position: fixed; right: 10px; bottom: 10px; width: 60px; z-index: 1000; }
p#chat a { background: url("../images/chat-button.svg") 50% 50% no-repeat white; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,.2); cursor: pointer; color: rgba(244,74,93,1); display: block; height: 60px; padding: .5rem 0; text-align: center; width: 60px; }
p#chat a:hover { background-color: rgba(244,74,93,1); text-decoration: none; }
@media (min-width: 992px) {
    p#chat { right: 20px; bottom: 20px; }
}

.funders  ul { justify-content: center;}
@media (max-width: 7687px) {
  footer { padding-bottom:4rem; }
}