@font-face {
    font-family: 'chantelli_antiquaregular';
    src: url('../Chantelli_Antiqua-webfont.eot');
    src: url('../Chantelli_Antiqua-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Chantelli_Antiqua-webfont.woff') format('woff'),
         url('../Chantelli_Antiqua-webfont.ttf') format('truetype'),
         url('../Chantelli_Antiqua-webfont.svg#chantelli_antiquaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Main Content */
/*
.sunday-image-size {
    width: 60%;
    display: block;
    margin: 0 auto;
    
}
*/
.blog-image-size img {
   max-width: 250px;
   height:auto;
   margin: auto;
   float: left;
   
   display: block;
   margin:4px 15px 8px 0
   }
   
   .entry-post-title h2 {
       float: right;
   }
   
   .entry-meta {
       text-align: left;
   }
   
    .short-excerpt {
       text-align: left;
   }
   
   
  

.size-thmbnail {
   width: 50%;
   height:auto;
   margin: auto;
}





/* Read More Tag */

.moretag {
    font-size: 18px;
    color: #5f3a73;    
}

.wp-caption-text {
	text-align: center;
        font-size: .875em;
}

.section group symbols {
    clear: both;
    padding: 0;
    margin: 0;}


body {
    background: #b2b0e1;
}

.content-area {
    clear: both;
    padding: 0;
    margin: 0 ;
    background:#f5f3e1;
}

.site-main {
    background-color:transparent;
    text-align: left;
    font-family: Georgia, Helvetica, Sans-Serif;
    padding: 0;
    margin: 0;
}

.site-footer {
        color: #f5f3e1;
        background: #8b9298;
        padding: 20px 20px 10px 20px;
        font-size: 70%;
        margin: 10px auto 0 auto;
        float: left;
        border-left: 1px solid #3c3945;
        border-right: 1px solid #3c3945; 
        }
        
widget {
    font-size: 14px;           
            
        }
        
.widget-title, 
.widget-title2   {
    margin-top: 2px;
    margin-left: 0;
    color: #222;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: 1.5em;
    font-weight: 700;
    padding: 10px 0 0 0;
}

.widget-title a, 
.widget-title2 a  {
    margin-top: 2px;
    margin-left: 0;
    color: #5f3a73;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: 1.6em !important;
    font-weight: normal;
    padding: 0;
}
      
        
 ul,
 ol {
    padding: 0;
    margin:  0 10px;
    list-style-type: none;
}

li ul,
li ol {
    margin-top: 0;
}

.hr {
display: block;
margin: 2em 0;
padding: 1em 0;
height: 1px;
border: 0;
border-bottom: 1px dotted #3C3945;
}


/************************************************
*	Blog page customizations					     		    * 
************************************************/
.single-post-thumbnail {
        width: 100%;
        max-width:590px;
        height: auto;    
        margin: auto;
        padding: 1em .2em 1.5em .2em; 
        display: block;
        }
        
    
        




/************************************************
*	Content TAKEN FROM OLD ICS WEBSITE					     		    * 
************************************************/

.welcome-home h1 {
    margin-top: 20px;
    margin-left: 0;
    color: #5f3a73;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: 1.9em !important;
    font-weight: normal;
    padding: 0;
}


.custom-post-head h1 {
    margin-top: 20px;
    margin-left: 0;
    color: #5f3a73;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: 1.5em !important;
    font-weight: normal;
    padding: 0;
}

.page-title  {
    margin: auto;
    color: #5f3a73;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    font-size: 1.5em;
    padding: .2em 0 .5em .2em;
    text-align: left;    
}
.page-id-2 .page-title {
    display:none !important;
}

.hosted-by {
   margin: auto;
    color: #000;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    font-size: .8em;
    padding: .2em 0 .5em .2em;
    text-align: left; 
    
    
}

.entry-title ul li {
  
    margin-left: 0;
    margin-top: 2px;
    color: #222;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: 1.6em;
    font-weight: 700;
    padding: 0px 0 0 0;

}

.entry-title ul li ul li {
    margin-top: 2px;
    margin-left: 0;
    color: #222;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: .6em;   
    font-weight: 100;
    padding: 0px 0 0 0;

}
/*
.children ul li a {
    margin-top: 2px;
    margin-left: 0;
    color: #222;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: .8em;   
    font-weight: 100;
    padding: 10px 0 0 0;

}

*/

/* Styles the links in right side bar */
.entry-title a {
    margin-top: 0px;
    margin-left: 0;
    color: #5f3a73;
    text-align: left;
    text-decoration: none;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    font-size: 1.2em; 
    padding-bottom: 20px;
}

.margin-top: 2px; summary a {
    padding: 0px;
    font-size: 10px;
    margin: 0px;
    
}

.tribe-events-list-widget ol li {
margin-left: 5px;
margin-bottom: 20px;
list-style: none;
}

h4.ol.hfeed.vcalendar {
margin-left: 5px;
}

.tribe-events-list-widget .entry-title summary{
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size:24px;
font-weight: bold;
color: #FFCC99
}

.tribe-events-list-widget .duration{
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size:14px;
text-align: lect;
font-weight: normal;
color:#0099FF
}





#titlehead {
	color: #5f3a73;
	font-size: 26px;
	font-family: Georgia, Helvetica, Sans-Serif;
	font-weight: normal;
	}
        
#description {
	color: #000;
	font-size: 14px;
	font-family: Georgia, Helvetica, Sans-Serif;
	font-weight: normal;
	}
	
#content h1 a, #content h1 a:visited  {
	color: #5f3a73;
        text-decoration: none;
	}

#content h1 a:hover {
	color: #017F8D;
	}
	
#content h2 {
	margin-top: 10px;
        margin-left: 0;
        color: #5f3a73;
        font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
        text-align: left;
        font-size: 1.0em;
        font-weight: normal;
        padding: 0;
}

#content h3 {
	margin-top: 20px;
        margin-left: 0;
        color: #000;
        font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
        text-align: left;
        font-size: 1.0em !important;
        font-weight: normal;
        padding: 0;
}
	
#content h4 {
	color: #000000;
	font-size: 16px;
        text-align: left;
	font-family: Georgia, Helvetica, Sans-Serif;
	font-weight: normal;
	}
	
#content h5 {
	color: #000000;
	font-size: 14px;
        text-align: left;
	font-family: Georgia, Helvetica, Sans-Serif;	
}

.img_center {
	text-align:center;
}

/************************************************
*	Calendar Customizations 		    			   	    * 
************************************************/

#tribe-events {
    padding-top: 1rem;
    
}

.tribe-events-page-title h2 {
    font-size: 4rem;
    
}

.tribe-events-list-event-title a {
    font-size: 2rem;    
}

.duration {
    margin-left: 0;
    color: #5f3a73;
    text-align: center;
    text-decoration: none;
    font-family: Georgia, Helvetica, Sans-Serif;
    font-size: 16px;
    padding: 0;
    font-weight: normal;
}
	
tribe-events-event-image {
        width: 100%;
        max-width:400px;
        height: auto;    
        margin: auto;
        padding: 1em .2em 1.5em .2em; 
        display: block;
        
        }
/************************************************
*	Left Sidebar 		    			   	    * 
************************************************/
	
.content-sidebar-right,
 .widget-area2
{
    max-width: 350px;
    margin: auto;
}

.widget-area2 h3 {
	color: #000;
	font-size: 12px;
    text-align: left;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	}
	
.widget-area2 ul li a, #l_sidebar ul li a:visited {
	    color: #003cb3;
        font-size: 14px;
        text-decoration: none;
        text-align: left;
	}

.widget-area2 ul li a:hover {
	color: #017F8D;
        text-decoration: none;
        text-align: left;
	}

 .widget-area2 {
    text-align: left;   
    margin-left: 0;
    margin-top: 1rem;
    padding: 1rem 1rem 1rem 1rem;   
    font-family: Georgia, Helvetica, Sans-Serif;
    font-size: 80%;
    background: transparent;
    border-right: 1px dotted #3C3945;
    border-bottom: 1px dotted #3C3945;
   }

li.current-cat  {
     color: #fff;
     font-weight: 700 !imortant; 
     text-decoration: underline;
}

.cat-item {
    text-align: left;
    
}

.donation p {
  font-family: Georgia, Helvetica, Sans-Serif;
  text-align: left;
  color: #5f3a73;
}

.donation h16 {
    margin-top: 2px;
    margin-left: 0;
    color: #000;
    font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
    text-align: left;
    font-size: 1.4em;
    font-weight: 600;
    padding: 0;
    }

.donate-btn {   
        width: 100%;
        max-width:200px;
        height: auto;    
        margin: auto;
        padding: 1em .2em 1.5em .2em; 
        display: block;
        }
  
        
        .categories ul {
            font-size: 1em;
            
        }
        
/************************************************
*	Right Sidebar 		    	    	        * 
************************************************/
	
.content-sidebar-right { 
    text-align: left;
    padding: 1rem .5rem .1rem .5rem;
    font-family: Georgia, Helvetica, Sans-Serif;
    font-size: 80%;
    background: #bbddf0;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.content-sidebar-right-box2  { 
    text-align: left;
    padding: 1rem .5rem .1rem .5rem;
    font-family: Georgia, Helvetica, Sans-Serif;
    font-size: 80%;
    background: #bbddf0;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}


.widget-area1 ul li a, #r_sidebar ul li a:visited {
	color: #017F8D;
	}

.widget-area1 ul li a:hover {
	color: #017F8D;
	}  

.icssouthside {
        width: 100%;
        max-width: 300px;
        height: auto;    
        margin: auto;
        padding: 1em .5em 1em .5em;
        display: block;
    }

 /************************************************
*	Header Search   									*
************************************************/

 .search-toggle {
     float: right;
     width: 54px;
     height: 44px;
     padding: 12px;
     margin-right: 20px;
     color: #fff;
     text-align: center;
     cursor: pointer;
 } 
 
 .search-toggle:hover,
 .search-toggle:active {
     background: #7D7D7D; 
  }
 
 
 input[type="search"] {
     box-sizing: border-box;
     width: 100%;
 }
 
 .search-box-wrapper {
     z-index: 2;
     width: 100%;
     display: none;
 }
 
 .search-box {
     padding: .0em;
     background: #b2b0e1;     
 }
 
 .search-box .search-field {
     max-width: 262px;
     float: right;
     padding: .5rem 2rem .5rem 4rem;
     font-size: 12px;
     font-size: 1.2rem;
     background-color: #fff;
     border: 0;
     margin: .5em;
 }
 
.error404 .search-submit,
.search .search-submit,
.search-box .search-submit {
    display: none;
}
	
/************************************************
*	Footer  									*
************************************************/

.site-footer p {
	font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
        display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
}
	
.site-footer h4 {	
        font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
        font-weight: normal;
        margin-top: 0px;
        color: #fff;
        margin-bottom: 0.5em;
        font-size: 2.2em;
        line-height: 1.25;
}
 
.site-footer h5 {
        font-family: 'chantelli_antiquaregular', Georgia, Times, Serif;
        font-weight: normal;
        margin-top: 0px;
        color: #fff;
        margin-bottom: .5em;
        font-size: 1.8em;
        line-height: 1.25;
}

.site-footer h2 {
	color: #000000;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
        }
        
.site-footer a {
color: #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
 text-decoration: none;
}

.site-footer a:link, footer a:visited {
color: #5f3a73;
}

.site-footer a:hover {
    text-decoration: underline;
}




/* customize_miscellaneous */ /* customize_miscellaneous */


/* *********************************************************************************************************************
	One% CSS Grid - 12 Columns Fluid CSS Grid System

	Why One% ? Let’s count ...
		we have 12 columns (magic number divided by 2, 3, 4, 6)

		for 12 columns we need 11 margins

		so if we count margin 3%, then 3% * 11 margins = 33%

		and if we count width of 1 column 5.5%, than 5.5% * 12 columns = 66%

		in the end we have 33% + 66% = 99% aaand ???

		1% is still here so that's the name - One%

	2 starting options ? Let’s count a bit more ...
		1200px - perfectly fits 1280 screens
			12 columns
			margin 3% / 36px (full-width)
			col1 5.5% / 66px (full-width)

		1000px - perfectly fits 1024 screens
			12 columns
			margin 3% / 30px (full-width)
			col1 5.5% / 55px (full-width)
*/





/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200 {
	margin: 0 auto;
	padding: 0 0 0 1%; /* THAT'S THE NAME ;) */
}

.onepcssgrid-1200 {
	max-width: 1220px;
}

.onepcssgrid-1000 {
	max-width: 1020px;
}

.onerow {
	clear: both;
	padding: 0 10px;
}





/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}

/* *********************************************************************************************************************
/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
	.onepcssgrid-1000 {
		max-width: 1000px;
	}
	.onepcssgrid-1000 .onerow {
		padding: 0;
	}
}

/* *********************************************************************************************************************
 * Small devices
 */

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
	.library-home {
		margin:20px;
		padding:20px 20px 1px 20px;
		height:270px;
		background:#fff;
	}
	.library-home table, .library-home tr, .library-home td {
		margin-top:0;
		padding-top:0;
	}
	.apollo_feed_title_cell {
		display:none;
	}
	.sidebar-module input:first-child {
		width:100%;
	}
	
}
@media only screen and (min-width: 481px) and (max-width: 768px) and (orientation:portrait) {
  /* For landscape layouts only */
	.sidebar-module input {
		width:100%;
	}
	.library-home {
		height:220px;
	}
	.library-home table, .library-home tr, .library-home td {
		margin-top:0;
		padding-top:0;
	}
	.library-home img {
		margin:0;
		padding:0;
	}

    
}

@media all and (max-width: 1026px) {   /* Width was 767px */
	
	.site-branding {
		display:none;
	}
	.search-toggle {
	position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
	}
        
	.onerow {
	}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}
	.site-branding-mobile {
		display:block;
		margin:40px 0 0 0;
		padding:40px 0 0 0;
	}
	#secondary {
	
	}
	#primary {
		padding-top:1px;
	}
	#primary .last {
		margin-left:20px;
		padding-right:20px;
	}

    
        
       
}
@media all and (max-width: 481px) {
	onepcssgrid-1200 {
		padding:0 0 0 20px;
	}
	.site-branding-mobile {
		display:block;
		margin:40px 0 0 0;
		padding:40px 0 0 0;
	}
	#secondary {
	} 

.blog-image-size img {
   max-width: 250px;
   height:auto;
   margin: auto;
   float:  left;
   clear:both;
   display: block;
   margin: 40px;
   }
        
}








/* *********************************************************************************************************************
	One% CSS Grid - 12 Columns Fluid CSS Grid System

	Why One% ? Let’s count ...
		we have 12 columns (magic number divided by 2, 3, 4, 6)

		for 12 columns we need 11 margins

		so if we count margin 3%, then 3% * 11 margins = 33%

		and if we count width of 1 column 5.5%, than 5.5% * 12 columns = 66%

		in the end we have 33% + 66% = 99% aaand ???

		1% is still here so that's the name - One%

	2 starting options ? Let’s count a bit more ...
		1200px - perfectly fits 1280 screens
			12 columns
			margin 3% / 36px (full-width)
			col1 5.5% / 66px (full-width)

		1000px - perfectly fits 1024 screens
			12 columns
			margin 3% / 30px (full-width)
			col1 5.5% / 55px (full-width)
*/





/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200 {
	margin: 0 auto;
	padding: 0 0 0 0; /* THAT'S THE NAME ;) */ /*Padding was 1% */
}

.onepcssgrid-1200 {
	max-width: 1220px;
        border-left: 1px solid #3c3945;
        border-right: 1px solid #3c3945;
}

.onepcssgrid-1000 {
	max-width: 1020px;
}

.onerow {
	clear: both;
	padding: 0 0;
}





/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 100%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}





/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
	.onepcssgrid-1000 {
		max-width: 1000px;
	}

	.onepcssgrid-1000 .onerow {
		padding: 0;
	}
}





/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 1026px) {   /* Width was 768 */
	.onerow {
	}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}

    
        
}

@media all and (min-width: 1026px) {
    .widget-area2 {
       text-align: left;
       max-width: px;
       margin-left: 0;
       padding: 0 1rem 0 1rem;
       float: left;
       font-family: Georgia, Helvetica, Sans-Serif;
       font-size: 80%;
       background: transparent;
      
    }
 
}


/* Show and Hide Dotted border on LHS sidebar */
@media all and (max-width: 1026px) {
       .widget-area2   {
            border-right: hidden;
            border-right: none;
    }
}

@media all and (min-width: 1019px) {
       .widget-area2   {
            border-bottom: hidden;
            border-bottom: none;
    }


}