/*

Theme Name: Reach Out and Read Illinois

Description: Reach Out and Read Illinois

Author: Ocreative

Author URI: https://www.ocreative.com

Template: Avada

Version: 1.0.0

Text Domain:  Avada

*/

/* Text Styling */

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text li, .white-text .vfb-control-label, .white-text {
	color:#FFF !important;
}

.small-text p {
	font-size:14px !important; 
	line-height:18px !important;
} 

.white-links a {color:#FFF !important;}
.white-links a:hover {color:#d11242 !important;}

/* Button Styling */

.white-outline-button {
    background:transparent !important;
    border:2px solid #FFF !important;
    color:#FFF !important;
    padding:8px 50px !important;
    display:inline-block !important;
	margin-top:15px !important;
	border-radius:25px !important;
}

.white-outline-button:hover {
    color:#000 !important;
    border:2px solid #000 !important;
	background-color:#FFF !important;
}

.black-button {
    background:#000 !important;
    border:2px solid #000 !important;
	border-radius:15px !important;
    color:#FFF !important;
    padding:8px 50px !important;
    display:inline-block !important;
	margin-top:15px !important;
	border-radius:25px !important;
}

.black-button:hover {
    color:#000 !important;
    border:2px solid #000 !important;
	background-color:transparent !important;
}

.white-button {
    background:#FFF !important;
    border:2px solid #FFF !important;
	border-radius:15px !important;
    color:#000 !important;
    padding:8px 50px !important;
    display:inline-block !important;
	margin-top:15px !important;
	border-radius:25px !important;
}

.white-button:hover {
    color:#FFF !important;
    border:2px solid #000 !important;
	background-color:#000 !important;
}

.double-button .black-button {margin-right:15px !important;}

/* Link Styling */

.white-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.white-link {
  display: inline-block;
  font-weight:bold;
  color:#FFF !important;
}

.white-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background: #FFF;
  transition: 300ms;
  margin:0px auto;
}

.black-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.black-link {
  display: inline-block;
  font-weight:bold;
}
 
.black-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(61,65,69,1.00);
  transition: 300ms;
  margin:0px auto;
}

.orange-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.orange-link {
  display: inline-block;
  font-weight:bold;
  color:#fb4900 !important;
}
 
.orange-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(251,73,0,1.00);
  transition: 300ms;
  margin:0px auto;
}


/* Misc Styling */

.background-contain .fusion-column-wrapper, .background-contain {
    background-size:contain !important;
    
}

.background-cover .fusion-column-wrapper, .background-cover {
    background-size:cover !important;
    
}

.background-auto .fusion-column-wrapper, .background-auto {
    background-size:auto !important;
    
}

.uppercase {
	text-transform:uppercase !important;
}


/* Custom Bullet List */

.blue-arrow-list ul {padding-left:0px !important;}

.blue-arrow-list li {
    background: url(/wp-content/uploads/2025/07/ICON-BlueArrow.png) no-repeat 7px 1px transparent;
	background-size:22px;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 15px 38px;
    vertical-align: middle;
}

.yellow-star-list ul {padding-left:0px !important;}

.yellow-star-list li {
    background: url(/wp-content/uploads/2025/07/ICON-Star-BulletPoint.png) no-repeat 7px 1px transparent;
	background-size:22px;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 15px 38px;
    vertical-align: middle;
}

/* Animation Styling */ 

.resp-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 82.25%;
}

.resp-iframe-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Home Styling */

.cross-flair {position:absolute !important; top:10% !important; right:35% !important; z-index:900 !important; width:15%}

.heart-flair {position:absolute !important; top:20% !important; left:15% !important; z-index:900 !important; width:18%}

.star-flair {position:absolute !important; top:30% !important; left:33% !important; z-index:900 !important; width:15%}

.sunshine-flair {position:absolute !important; bottom:22% !important; right:36% !important; z-index:900 !important; width:18%}

.remove-text-margin p {margin-bottom:0px !important;}

.flip-box-inner-wrapper p {font-size:17px !important; line-height:21px !important;}

.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {padding-top:140px !important; padding-bottom:40px !important; padding-left:20px !important; padding-right:20px !important;}

.fusion-flip-boxes .fusion-flip-box .flip-box-front {background-color:rgba(0,0,0,0.30) !important;}

/* About Page */

.blue-flair {position:absolute !important; top:38% !important; right:30% !important; z-index:900 !important; width:14%}

/* For Clinics */

.fusion-accordian .panel-title a .fa-fusion-box {font-weight:bold !important;}

.fusion-accordian .panel-title strong {color:#fd6a00 !important;}

#yottie_1 .yottie-widget-feed-section-slide, .yottie-widget-feed-section-pagination, .yottie-widget-video-classic .yottie-widget-video-info {background-color:#eaf4fd !important;}

.white-video-area .yottie-widget-video-classic .yottie-widget-video-info {background-color:#FFF !important;}



/* Donate Page Styling */

.yellow-flair  {position:absolute !important; top:20% !important; left:40% !important; z-index:900 !important; width:15% !important;}

/* Events */

.event-headers h4 {margin-bottom:0px !important;}

.event-headers h5 {margin-top:2px !important;}

.red-bold strong {font-size:22px !important; line-height:28px !important;}

/* Footer Area */

.footer-social-icons img {margin-right:20px !important;}

/* 404 Page */

.error404 .fusion-tb-header {background-color:#1b1f28 !important}

.error404 #main {padding-top:60px !important; padding-bottom:60px !important;}


/* Responsive Styling and Media Queries */

/* Mobile Menu */

.fusion-mobile-menu-icons a {
	font-size:34px !important;
}

/* Media Queries */

@media screen and (max-width:1440px) {
	
	h1 {font-size:60px !important; line-height:66px !important;}
	h2 {font-size:52px !important; line-height:58px !important;}
	h3 {font-size:40px !important; line-height:46px !important;}
	h4 {font-size:29px !important; line-height:35px !important;}
	h5 {font-size:21px !important; line-height:27px !important;}
	h6 {font-size:18px !important; line-height:24px !important;}
	p, li, ul {font-size:17px !important; line-height:23px !important;}
	
	h4.flip-box-heading {font-size:23px !important; line-height:28px !important;}
	
	.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {padding:40px 15px !important;}
	
}

@media screen and (max-width:1200px) {
	
	h4.flip-box-heading {font-size:21px !important; line-height:25px !important;}
	
	.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {padding:10px 10px !important;}
}


@media screen and (max-width:1024px) {
	
	.margin-list ul {margin-top:0px !important; margin-bottom:0px !important;}
	
	.fusion-footer, .fusion-footer p {text-align:center !important;}
	
	h1 {font-size:52px !important; line-height:58px !important;}
	h2 {font-size:44px !important; line-height:50px !important;}
	h3 {font-size:34px !important; line-height:40px !important;}
	h4 {font-size:26px !important; line-height:32px !important;}
	h5 {font-size:20px !important; line-height:26px !important;}
	h6 {font-size:17px !important; line-height:23px !important;}
	p, li, ul {font-size:16px !important; line-height:22px !important;}
	
	.fusion-toggle-heading {font-size:19px !important; line-height:25px !important;}
	
	.background-removal {background:none !important;}
	
	.border-removal, .border-removal .fusion-column-wrapper {border:0px !important;}
	
	.double-button .black-button {margin-right:0px !important; margin-top:10px !important;}
	
}

@media screen and (max-width:640px) {
	
	h1 {font-size:42px !important; line-height:48px !important;}
	h2 {font-size:36px !important; line-height:42px !important;}
	h3 {font-size:30px !important; line-height:36px !important;}
	h4 {font-size:24px !important; line-height:30px !important;}
	h5 {font-size:19px !important; line-height:25px !important;}
	h6 {font-size:16px !important; line-height:22px !important;}
	p, li, ul {font-size:15px !important; line-height:21px !important;}
	
}