/*
Theme Name: Sydney Pro Child - 2024
Theme URI: http://athemes.com/theme/sydney
Template: sydney-pro-ii
Author: aThemes
Author URI: http://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Tags: light,two-columns,right-sidebar,fluid-layout,responsive-layout,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.57.1708239676
Updated: 2024-02-18 00:01:16

*/


.post-password-form { text-align: center; margin: 250px auto 10px auto; }
.post-password-form input { margin: 20px auto 10px auto; }

/* 
=========================
make blog titles smaller on blog list
=========================
*/

.blog .hentry .title-post,
.archive .hentry .title-post {
  font-size: 20px;
}  


/* 
=========================
title of blog posts
=========================
*/


.hentry .title-post {
	font-size: 40px;

}

/* 
=========================
add space after paragraphs
=========================
*/

p 	{ 
	margin-bottom: 20px; 
	}



/* 
=========================
mess with site logo 
=========================
*/

.site-logo {
		max-height: 50px; /* was 100px */
	}


/* 
=========================
for search box in header - also customized text in header and footer scripts under settings 
===============================
*/


.top-search-menu .search-submit{
  display: none;
}

.top-search-menu label{
  position: relative;
}

.top-search-menu label:before{
  font-family: FontAwesome;
  content: '\f002';
  display: inline-block;
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
}

.top-search-menu .search-field{
  height: 26px;
  padding: 5px 3px 2px 30px;
  font-weight: normal;
  font-size: 14px;
}

.top-search-menu label:before{
 color: #777;
}

.top-search-menu.input-expanded label:before{
 color: #333;
}

.top-search-menu input{
  opacity: 0;
  width: 0;
}

.top-search-menu.input-expanded input{
  opacity: 1;
  width: 140px;
}






/* 
=========================
changing margin below and above headers
=========================
*/
h1, h2, h3, h4, h5, h6 {
		color: #443f3f;
		font-weight: 600;
		margin: 24px 0 10px;

}

/* 
=========================
change button on slider
=========================
*/

a.roll-button.button-slider {
    background-color: #ff4e00;
    color: #ffffff;
    border: 1px solid #ff4e00;
}

.roll-button.button-slider:hover {
		background-color: transparent;
		color: #ffffff;
	}
	

/*
=========================
move text on floater header down a tad
=========================
*/

 
	.site-header {
		background-color: rgba(255, 255, 255, 0.9);
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #dddddd;		
	}



	.site-header.float-header #mainnav {
		padding-top: 15px;
		padding-bottom: 0px;
	}

	
.site-header #mainnav {
		padding-top: 15px;
		padding-bottom: 0px;
	}

	



	

/* 
=========================
make nav all caps
=========================
*/


	#mainnav ul li a {
		position: relative;
		display: block;
		font-size: 14px;
		font-family: "Raleway", sans-serif;
		text-transform: uppercase;
		color: #fff;
		font-weight: 400;
		text-decoration: none;
		outline: none;
	}
	






/* 
=========================
change mobile menu color from white
=========================
*/

.btn-menu{
  color: #dddddd;
}


h1 {
		color: #ff4e00;
		
	}




/* 
=========================
Gray summary for top of blog posts
=========================
*/


.blogsummary {
	font-size: 24px;
	color: #999999;
	line-height: 1.5em; 
	font-style: italic; 

}



/* 
=========================
credit / citation for top of blog posts
=========================
*/


.citation {
	font-size: 10px;
	color: #666666;

}








/* 
=========================
Purpose is to make bullet lists indent while making the roll lists keep their special formatting.
Also making a bit of padding between the bullets and the start of the text
=========================
*/


.entry-content ul, ol {
  padding-left: 50px;
}

.entry-content ul.roll-list, ol.roll-list {
  padding-left: 0px;
}

li {
		padding-left: 10px;
	}

/* 
=========================
Point is to lighten the block quote color, darken the text and lose the italics
=========================
*/




	.hentry blockquote {
	    background-color: #f7f7f7;
	    color: #333;
	    font-size: 16px;
	    font-style: normal;
	    line-height: 23px;
	    margin-bottom: 30px;
	    padding: 30px 35px;
	    position: relative;
	}


/* 
=========================
Making a pull quote style
=========================
*/

.pullquote-right {
	width: 35%;   
	margin: 0.5em 0 1em 1em;
	padding-right: 0;
	float: right;
	display:inline-block;
	border-left: 5px solid #eee;
}

.pullquote {
	display: inline-block;
    	padding: 0em 1em;
	font-size: 26px;
	color: #666666;
	line-height: 1.5em; 
	font-style: normal; 
}

.pullquotecite {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em; 
	padding-top: 2px; 
	text-align: right;
	border-bottom: 1px solid #eee;
}

@media screen and (max-width: 850px)   {
    .pullquote-right, .pullquote {
        width:100%;   
        float:none;
	margin: 0.5em 0em;

    }
}





/* 
=========================
changing the bullet style on the roll list from a star to an arrow
=========================
*/


	.roll-list li:before {
		content: "\f0da";   /* was f006 */ 
		font-family: "FontAwesome";
		font-size: 15px;  
		position: absolute;
		left: 0;
		top: 0;
}


/* 
=========================
Changes to style sheet to stop the menu fly on safari
=========================
commented out the "left: -999em" in "#mainnav ul li ul" 
*/



/* 
=========================
Image class
=========================
*/

img.photo {
		background-color:#fff;
		padding:5px;
		border:1px solid #ccc;
		margin:0px 0px;
		cursor:pointer;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
		}

img.photo2 {
		
		padding:5px;
	
		margin:0px 0px;
		cursor:pointer;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
		}



h7 { font: 32px/1.1 "Raleway", sans-serif;
		color: #443f3f;
		font-weight: 600;
		margin: 10px 0 4px;
	}

/* 
=========================
Image class
=========================
*/

.sponsor_table {
	border: 1px solid #cccccc;
}

td.sponsor_table {
	border: 0px solid #cccccc;
}


/* 
=========================
Gold Button class
=========================
*/

.gold-button .roll-button.border { 
		color: #FFC432; 
		border: 1px solid #FFC432; 
 }

	
.gold-button .roll-button.border:hover {
		border: 1px solid #FFC432;
		background-color: #FFC432;
		color: #4A2D82;
	}


/* 
=========================
Red Button class
=========================
*/

.red-button .roll-button.border { 
		color: #c40000; 
		border: 1px solid #000000; 
 }

	
.red-button .roll-button.border:hover {
		border: 1px solid #000000;
		background-color: #003976;
		color: #cccccc;
	}

/* 
=========================
To make "94M" on number roll
=========================
*/

.widget_sydney_facts .col-md-3:last-of-type .numb-count:after {
  content: 'M';
}


/* 
=========================
Change how testimonials display
=========================
*/

/* Testimonials
-------------------------------------------------------------- */
	.roll-testimonials {
		text-align: left;
	}
	
	.roll-testimonials .whisper {
		font-style: normal;
		font-color: #c40000;
		
	}
	
	.roll-testimonials .name {
		font-size: 12px;
		font-style: italic;
	}