/*
Theme Name: Cindy Rawson
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url("../twentyseventeen/style.css");

/*HEADER START*/

/*Remove testomonials Page header */
#post-21 .entry-header{display:none;}
/*increase max height to make logo larger*/	
.custom-logo-link img {
    max-height: 200px;
}
.custom-logo-link{padding:0px;}

.site-branding {padding-bottom: 30px;}
.site-branding .wrap{text-align: center;}


/*Centre header image & site title*/
@media screen and (max-width: 60em) {
#masthead .wrap {
    text-align: center;
}
}
/*reduce main page title bottom margin*/
@media screen and (min-width: 30em) {
/*home page*/
.twentyseventeen-front-page.page-one-column .entry-header {
    margin-bottom: 2em;
}
/*Sub Page*/
.page.page-one-column .entry-header{
	margin-bottom: 2em;
	padding-bottom:0;
}
/*HEADER END*/
}
/*NAVIGATION START */

.navigation-top .wrap, .menu-toggle, .main-navigation ul{
    background-color: #6d983b;
}
.main-navigation a {
    color: #fdff00;
}
.main-navigation a:hover {
    color: #fff;
}

.navigation-top .current_page_item a{color:#fff;}
@media screen and (min-width: 48em) {
.main-navigation li li:hover,
.main-navigation li li.focus {
		background: #fff;
}
.main-navigation ul {
        text-align:center;
       
    }
.main-navigation li li:nth-child(even) {background-color: #d4ecba}
.main-navigation li li:nth-child(odd) {background-color: #90ac6f}

.main-navigation ul li li:hover {background-color: #6d983b;}

.main-navigation ul ul a, .main-navigation ul ul a:visited, .main-navigation ul ul a:active{color: #5d5d5d;}
.main-navigation ul ul a:hover{color: #fdff00;}
}

/*nAVIGATION END*/

/*MAIN DOC START*/

.site-content {
    padding: 5.5em 0 0;
}
/*PAGE BACKGROUND COLOR*/
.panel-content .wrap, .site-content .wrap{background-color: #ffffd3;}

ul{
	list-style: none;
}
ul.services-home li{padding: 5px 0 5px 10px;}
ul.services-home li:nth-child(even) {background: #d4ecba}
ul.services-home li:nth-child(odd) {background: #90ac6f}

ul.services-page li{padding: 5px 0 5px 10px; max-width: 320px;}
ul.services-page li:nth-child(even) {background: #d4ecba}
ul.services-page li:nth-child(odd) {background: #90ac6f}

/*Make home page content wider and reduce padding*/
.page-one-column .panel-content .wrap{
	max-width: 1000px;
}
@media screen and (max-width: 30em) {
.wp-block-image figure.alignleft, .wp-block-image figure.alignright {
   max-width: 50%;
}
}
@media screen and (min-width: 30.1em) and (max-width: 43em) {
.wp-block-image figure.alignleft, .wp-block-image figure.alignright {
   max-width: 60%;
}
}
/*GUTENBERG COLUMNS*/

/*HOME PAGE*/
.has-3-columns.home-columns .wp-block-column{margin:10px;}

.has-3-columns.home-columns .wp-block-column:nth-child(1) {
    flex-basis: 55%;
    margin-left:0px;
  }
.has-3-columns.home-columns .wp-block-column:nth-child(2) {
    flex-basis: 50%;
  }
.has-3-columns.home-columns .wp-block-column:nth-child(3) {
    flex-basis: 15%;
  }
@media screen and (max-width: 650px) {
    .has-3-columns.home-columns .wp-block-column:nth-child(1),.has-3-columns.home-columns .wp-block-column:nth-child(2),.has-3-columns.home-columns .wp-block-column:nth-child(3) {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 651px)and (max-width: 779px)  {
    .has-3-columns.home-columns .wp-block-column:nth-child(1),.has-3-columns.home-columns .wp-block-column:nth-child(2) {
    flex-basis: 47%;
  }
  .has-3-columns.home-columns .wp-block-column:nth-child(3) {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap, .site-content .wrap{padding: 4em 1.5em 1em 1.5em; }
	.page:not(.home) #content{padding:0em 0 0 0 ;}
}
@media screen and (max-width: 29em) {
    .page-one-column .panel-content .wrap, .site-content .wrap{padding: 4em 1em 1em 1em; }
    .page:not(.home) #content{padding:0em 0 0 0 ;}
}
/*Make other pages content wider*/
.page.page-one-column:not(.twentyseventeen-front-page) #primary{
	max-width: 100%;
}

/*Images*/
@media screen and (max-width: 47em) {
	img.alignright {
	    float: none;
	    margin-left: 0;
	    margin:5px auto;
	    display:block;
	}
	img.alignleft {
	    float: none;
	    margin-right: 0;
	    margin:5px auto;
	    display:block;
	}
}
/*MAIN DOC END*/
.site-footer{margin-top:0em;}
.site-info {width: auto;}

.footer-social{float:right;padding:0.7em 0 0;}
.social-container{float:left;}
.social-icon{float:left;width:50px; margin:0px 10px;}
.social-text{float:left;width:132px; font-size:14px;}
@media screen and (max-width: 780px) {
.footer-social{float:none; width:405px; margin: 0px auto;}
.site-info {float:none; width:300px;margin: 10px auto;}
}

/*END*/