/*
Theme Name: SICWO
Theme URI: https://soroptimistcanadaonline.org
Description: Child theme for SICWO created in November 2024
Author: Ching
Author https://asolutionbiz.com
Template: blossom-pin
Version: 1.0
*/

/** customization starts here 
--------------------------------------------------------------- **/

/** TYPOGRAPHY**/
@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Roboto&display=swap');


/** HOME PAGE TYPOGRAPHY **/ 
.post-7 {
	font-size:14px !important;
}

.post-7 h1 {
	font-size:40px !important;
}

.post-7 h2 {
	font-size:30px !important;
}

.post-7 p {
	font-size:18px !important;
	text-align: left !important;
}

.home-corevalue {
	padding:10px;
	border-right:solid #ff91a4 5px !important;
}




.page-template-default {
	font-size: 24px;
}

/** LAYOUT PAGES STANDARD FRAME **/
.si-overview-header {
	color:#ffffff;
		font-size: 26px;
	padding:25px 0 25px 0;
	background-color: #0099a7;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}

.si-overview {
	color:#000000;
		font-size: 22px;
	padding:25px 0 25px 0;
	background-color: #75c5cc;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}


.si-overview-0 {


}


.si-overview-1 { /** yellow **/
	color:#000000;
		font-size: 22px;
	padding:25px 0 25px 0;
	background-color: #fcc439;
	box-shadow: 10px 10px 5px #8573af; 
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}



.si-overview-2 { /** green **/
	color:#000000;
		font-size: 22px;
	padding:25px 0 25px 0;
	background-color: #91bb4e;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}

.si-overview-3 { /** blue **/
	color:#000000;
		font-size: 22px;
	padding:25px 0 25px 0;
	background-color: #37baca;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}

.si-overview-4 { /** orange **/
	color:#000000;
		font-size: 22px;
	padding:25px 0 25px 0;
	background-color: #fe7b17;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}


.si-overview-5 { /** pink **/
	color:#000000;
		font-size: 22px;
	padding:25px 0 25px 0;
	background-color: #ff91a4;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}




.si-overview-member-1 { /** yellow **/
	color:#000000;
		font-size: 18px;
	padding:25px 0 25px 0;
	background-color: #fcc439;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}


.si-overview-member-2 { /** green **/
	color:#000000;
		font-size: 18px;
	padding:25px 0 25px 0;
	background-color: #91bb4e;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}

.si-overview-member-3 { /** blue **/
	color:#000000;
		font-size: 18px;
	padding:25px 0 25px 0;
	background-color: #37baca;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}

.si-overview-member-4 { /** orange **/
	color:#000000;
		font-size: 18px;
	padding:25px 0 25px 0;
	background-color: #fe7b17;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}



.si-overview-member-5 { /** orange **/
	color:#000000;
		font-size: 18px;
	padding:25px 0 25px 0;
	background-color: #ff91a4;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}


.si-overview-member-6 { /** orange **/
	color:#000000;
		font-size: 18px;
	padding:25px 0 25px 0;
	background-color: #beafe6;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}


.si-overview-member-6 { /** orange **/
	color:#000000;
		font-size: 18px;
	padding:25px 0 25px 0;
	background-color: #dbc7a1;
	box-shadow: 10px 10px 5px #8573af;
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;

}



div.bordered, img.bordered {
  border: 4px solid #583e23;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-radius: 0px 24px;
  border-image: url(../assets/decoration/border-flowing-simple-thin.svg) 40 fill / 40px / 18px stretch;
  filter: var(--drop-shadow);
  padding: 6px;
  margin: 12px 6px;
    margin-right: 6px;
    margin-left: 6px;
}

.banner {
	padding:25px 0 25px 0;
	background-color: #0099a7;
	box-shadow: 10px 10px 5px #8573af;
}

.si-shadow {
	padding:25px 0 25px 0;
	background-color: #0099a7;
	box-shadow: 10px 10px 5px #8573af;
}


.site-header {
	padding-left:10px !important;
	padding-right:10px !important;
	background-color: #75c5cc;
}

.site-branding .site-title {
	width: 450px !important;
	max-width: 100% !important;
} /** logo on header **/


.centered #primary {

	max-width: 100% !important;

} /** full size page **/



/** COLORS **/
#content {
	background: #6c1a64 !important;
} /** background main **/


.container {
	background: #ffffff !important;
} /** background #dbf1f5 **/

.footer-t {
	background: #75c5cc;
}


/** PAGE HEADERS **/


.single-page-header h1 {
	font-size: 1.8em;
	color:#6b1963;
	padding-top:25px;
}



.single-page-title {
	width: 100%;
	margin: 0 auto;
	margin-top:0px; /* -60 */
	max-width: 100%;
}


@media only screen and (max-width: 600px) { /**** about us  ****/
  .single-page-header { 

  } 
  h1 {
  	text-align:center !important;
  	margin-left: 0px !important;
  	font-size:30px;

  }
}









img {
	max-width: 100% !important;
}


.site-info {
	
}



/** POST **/
.byline {
	display: none !important;
}

.posted-on .entry-date {
	font-size: 18px;
	width: 100%;
}

.meta-info {

	width: 250px !important;

	margin: 0 0 30px 0 !important;

}

.post-thumbnail {
	display: none !important;
}


.post-content p {
	font-size: 24px !important;
}

.post-content li {
	font-size: 24px !important;
}



.entry-content img {
	border-bottom: 5px solid #ff91a4;
	margin-bottom:10px;
	max-width: 100%;
}


.blockquote {
	font-size: 18px !important;
	font-style: italic !important;
	margin: 0;
	background: #d4cfc7;
	padding: 1em;
	border-radius: 1em;
}

.blockquote-footer {
	margin: 1em !important;
}



/** POST BOTTOM PRE-NEXT NAVIGATION **/
.navigation {
	border-top: solid 3px #ff91a4 !important;
	padding-bottom: 100px;
}

a {
	text-decoration: none;
}


.meta-nav {
	font-size:20px !important;
	color: #6b1963 !important;
	text-decoration: none;
}

.post-title {
	font-size:18px !important;
	text-decoration: none;
	color:#0097b2;
}


/** home page: banner slider **/
.text-holder {
	background:#ececec !important;
	opacity: 0.8;
	padding:3px !important;
}

.text-holder h2 {
	font-size: 24px !important;
	text-shadow: 1px 1px #fff !important;
}

.text-holder a {
	color: #000000 !important;
}


/** MENU AND SUB MENU **/
#primary-menu a {
	color:#ffffff !important;
	font-size:18px !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 1px #7e7e7e;
}

#primary-menu a:hover {
	background-color:#518bca !important;
	color:#ffffff !important;
}

#primary-menu a:visited {
  color: #ffffff !important;
}


.main-navigation ul .menu-item-has-children > a::after {
  background:none !important;
  content: "v";
  font-size:10px;
}


.sub-menu {
	background-color: #0097b2 !important;
	border: solid #d4cfc7 1px;
}

.sub-menu a:visited {
	background-color: #0097b2 !important;
  color: #ffffff !important;
}

.sub-menu a:hover {
	background-color:#6b1963 !important;

}




/** SOCIAL MEDIA **/
.tools .separator {
	background-color:transparent !important;
	padding-right:10px !important;
}

.site-header .social-networks ul li a {
	color:#6b1963 !important;
}

/** testing: **/



hr {
	width:50%;
	margin:0 auto;
	border-top:solid 5px red;

}

.footer-si hr {
	width:50%;
	margin:0 auto;
	border-top:solid 5px red;
	text-align:left;	
}


h1 {
	margin-bottom:25px;
}

h2 {
	margin-bottom:25px;
}


a:link {
  
  text-decoration: none !important;
}


/* mouse over link */
a:hover {
  color: #ff91a4 !important;
}

/* selected link */
a:active {
  color: green !important;
}



.wp-block-group {

	padding-top:100px;
}

.wp-block-heading {
	font-size:26px;
	color:#6b1963 !important;
	line-height: 20px;
	text-decoration: underline 3px #ff91a4;
}

.wp-block-latest-posts__post-title {
	color: #0097b2 !important;
}

.search-per-page-count {
	color: #000000 !important;
}