/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

p, body {color:#313131;}

.custom-footer {color:#ffffff;}


body {
    font-family: "Roboto",Arial,Helvetica,sans-serif !important;
    font-size:1.1em!important;
}

h3 {margin-bottom:10px;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #000000;
    padding: 6px 6px;
}

a.readon {
    color: #000000;     /******  GS: 25 Aug 2023  ****/
    font-size: 0.9em;
    font-weight: bold;
}

a.readon {
    background-color: #6EC1DD !important;   /******  GS: 25 Aug 2023  ****/
}

td.list-title a {color:#0052a3 !important;}  /******  GS: 25 Aug 2023  ****/
a.fsf_highlight {color:#0052a3 !important;}
#s5_accordion_menu h3:active span {color:#0052a3 !important;}
span.s5_accordion_menu_left a:active {color:#0052a3 !important;}

.btn-container {	
	display: table;
	width:100%;
	margin:auto;
	display: block;
}
	
.siwecbutton {
	width: 204px;
	margin-top:15px;
	background-color:#00BBF2;
	padding: 0 5px;
    cursor: pointer;
    line-height: 24px;
    padding: 14px 14px;
    text-align: center;
    vertical-align: middle;
}

a.btn-text {
	color:#ffffff;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
}

a.btn-text hover {
	color:#000000;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
}

a.btn {
	color:#ffffff !important;
	font-weight:bold;


}

a.btn:hover {
	background-color:#FF7F27 !important;
	color:#000000 !important;
	font-weight:bold;


}

ul {
    list-style-position: inside;
}
ul li {
    list-style-position: outside;

    margin-left: 1em;
}

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, #mod-search-searchword, input, textarea, button, .btn {
    border: 1px solid #c1bfbf;
}

.radio {
	margin-top:10px !important;
}

.add-on {
	margin-top:6px !important;
	height:21px !important;
	padding-top:7px !important;
}

.module_round_box-outlined {
    border: 1px solid #ebe8e8 !important;
    margin: 0 !important;
    padding: 16px 16px 10px;
}

#s5_bottom_row3_area2 {
	background-image:url("http://siwec.mediagenesis.info/templates/risen_hope/images/sectionbg.png");
}


/*  GS Apr 2017 */
p {
  padding: 10px 0;
}

body {
	line-height:130%;
}


/*  GS 2017 */
#s5_bottom_row2_area1 {
	background: #32ADBC !important;
}

#s5_bottom_row1_area2 {
	background-color: #28363E !important;
	background-image: url(http://siwec.org/images/row_bg.jpg) !important;
	background-size: cover;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-position: top center;
}

#s5_below_columns_wrap1 {
    background: #3C547A;
    color: #ffffff;
}

.tab_right .outline_button {
	font-size: 1.1em;
}


.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone .slide_title {
font-size:1.5em !important;/* 3em */
line-height:120% !important;
}

.jdGallery .slideInfoZone {
	padding-top: 15px !important;
}

.icon_set {
	width: 100%;
	text-align: center;
}

.date_text1b {
	color: #000000;
	display: block;
	margin-top: 0px;
	font-size: 0.85em;
}




/* About Siwec 2-col page */
.left {
        float: left;
        width: 50%;
    }
.right {
        float: right;
        width: 50%;
    }
.img2col {
        max-width: 100%;
        height: auto;
        padding:0px 10px;
        margin-bottom:2px;
        margin-top:15px;
    }
.group:after {
        content:"";
        display: table;
        clear: both;
    }
    
.imgcaption {
	display:block;
	padding:5px;
	font-size:0.85em;
	text-align:center;
	font-style: italic; 
	line-height:1.5em;
	}

@media screen and (max-width: 480px) {
        .left, .right {
            float: none;
            width: auto;
        }
}

/* ----- Center image gallery thumbnails ----- */
ul.sigFreeClassic { text-align: center;}
ul.sigFreeClassic li.sigFreeThumb { float:none; display:inline-block;}


/* ----- Center DIV contents in Ride 2 Serve 2020 ----- */
.col-container
{
    width: 100%;
    text-align: center;
}

.childdiv
{
    max-width:430px;
	display: inline-block;
    margin: 2px;
}

.responsive {
  width: 100%;
  height: auto;
}


/* ----- Yumpu styles 2020 ----- */
.embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* ----- staging - Center DIV contents in Ride 2 Serve 2020 ----- */

.side-by-side-img {
				display: inline-block;
				max-width: 98%;
				height: auto;
				width: 45%;
				min-width: 300px;
				margin: 1%;
			}

/* ----- INSIGHT - In This Issue Links ----- */



.insight-links a.mainlevel:hover {
	color: #edc508 !important;
	text-decoration:none;
	list-style-position: outside;
    margin-left: 1em;
}
}

#insight-outer {
	border: solid 1px #ebe8e8 !important;
	font-size: 1em;
	padding: 16px;
	margin: 0px !important;
	border-radius: 3px;
	text-decoration: none !important;
}
#insight-links {
	padding: 0px !important;
	background: #F9F8F8 !important;
	transition: all 200ms ease-out;
	border: none !important;
	margin: 0px !important;
	position: relative !important;
	width: 100% !important;
	display: block !important;
	font-size: 1em !important;
	height: auto !important;
	/*--line-height: 40px !important;  
	/*--margin-bottom: 8px !important; */
}

span.insight_left {
	display: block !important;
	padding: 0px !important;
	padding-left: 1px !important;
	padding-top: 12px !important;
	padding-bottom: 5px !important;
}

insight_left a.mainlevel:hover {
	background-color:#ccc;
	color:#1689c4;
}


ul#insight_left li {margin-left:0px !important;}


ul.sigProContainer * {
    box-sizing: content-box;
}

/*-- Simple Image Gallery PRO - July 2020  */
ul.sigProContainer sigProElegant { text-align: center; margin:0px auto!important; padding:8px 0!important; list-style:none; clear:both; overflow:hidden; }
ul.sigProElegant li.sigProThumb { float:none; display:inline-block;}

ul.sigProElegant { text-align: center;}
ul.sigProElegant li.sigProThumb { float:none; display:inline-block;}


ul.sigProContainer sigProSleek { text-align: center; margin:0px auto!important; padding:8px 0!important; list-style:none; clear:both; }
ul.sigProSleek li.sigProThumb { float:none; display:inline-block;}

ul.sigProSleek { text-align: center;}
ul.sigProSleek li.sigProThumb { float:none; display:inline-block;}

ul.sigProContainer li a img {
    height: inherit !important;
    max-width: inherit !important;
}



/*-- Block Quote - use with <q> </q> */
q {
	font-family: 'Gotham SSm A', 'Gotham SSm B', 'Proxima Nova', Futura, Helvetica, sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	font-style: normal;
	font-size: 30px;
	padding:10px;
	line-height: 1.25em;
	color: #A32B68;
	float: right;
	max-width: 380px;
  margin: 10px -15% 10px 20px;
	background: -webkit-linear-gradient(top, #fd0b58 0px, #a32b68 100%);
	background: linear-gradient(top, #fd0b58 0px, #a32b68 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	&:before { content: ''; }
	&:after { content: ''; }
}

blockquote {
	float:right; 
	line-height: 1.25em;
	font-size: 20px;
	letter-spacing: 1.5px;
	font-style: italic;
	width: 250px !important;
	color: #A32B68;
	background: -webkit-linear-gradient(top, #fd0b58 0px, #a32b68 100%);
	background: linear-gradient(top, #fd0b58 0px, #a32b68 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1.3px;
  padding-left:30px !important;
	
}
	
	
/*-- 39 Jan 2022 */
ol {
	margin-left: 36px !important;
}


/*-- 28 Jan 2023 - SP builder menu height fix */

div#s5_menu_wrap {
   min-height:92px !important;
}

/*-- 29 Apr 2024 */
div#s5_footer_area1 {
	background: #324a70 !important;
}


.slideInfoZone .slide_title, span.slidetitle, span.slide_text {
	color:#4169E1 !important;
}

#s5_nav li.active {
  border-bottom: solid 0px #D0E1EA !important;