/*
Theme Name: sugarrushtheme
Description: theme based on Twenty Thirteen
Author: Renaissance Monkey Design
Version: 0.0.1
Template: twentythirteen

0.0	Reset for clean slate
1.0	Overall Settings for Layout
2.0	Styling of Elements - site wide
2.1	Styling of Images - site wide
2.2	Styling of Fonts - site wide
2.25    Styling of Fonts - Specific pages
3.0	Navigation Settings - header
4.0 	Widget Styling
5.0	Footer Styling
6.0	Log-in Styling
7.0	Media Queries
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,700,700italic);
@import url('../twentythirteen/style.css');
/* ================================================
          0.0 Reset for clean slate
   ==============================================  */
    /* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
    body{line-height:1}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
    nav ul{list-style:none}
    blockquote,q{quotes:none}
    blockquote:before,blockquote:after,q:before,q:after{content:none}
    a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
    ins{background-color:#ff9;color:#000;text-decoration:none}
    mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
    del{text-decoration:line-through}
    abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
    table{border-collapse:collapse;border-spacing:0}
    hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
    input,select{vertical-align:middle}
.hentry {
    padding: 0;
}
/* ========== Clearing Additional Twenty-thirteen Theme Settings ========== */	
.page-header, 
.archive-header,
.attachment  {background-color: transparent !important;}
.widget {background-color: rgba(255, 255, 255, 0.7);}
.comment-respond {background-color: transparent;}
input, textarea {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
}
/* ================================================
          1.0 Overall Settings for Layout
   ==============================================  */
/*.navbar {
    display: none;  === because site is a single page this removes the navbar completely === 
}  */ 
html { font-size: 62.5%; letter-spacing: 0.01rem; font-weight: 400; color: #444444; font-family: 'Source Sans Pro', sans-serif; } 
body, p { font-size: 1.6rem; font-weight: 400; overflow: hidden; font-family: 'Source Sans Pro', sans-serif;} /* =16px */
h1   { font-size: 3.8rem; letter-spacing: -0.1rem; font-family: 'Source Sans Pro', sans-serif;} /* =48px */
h2   { font-size: 2.4rem; letter-spacing: -0.03rem; font-family: 'Source Sans Pro', sans-serif;} /* =24px */
h3   { font-size: 2.0rem; letter-spacing: -0.01rem; font-family: 'Source Sans Pro', sans-serif;} /* =20px */
h4, h5, h6, h7   { font-family: 'Source Sans Pro', sans-serif;}
.clearleft {clear: left;}
.clearright {clear: right;}
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    padding-left: 30px;
}

.content-area {
    clear: both;
}
body.page .entry-content {
    padding: 0 0 0 17px !important;
}
article ul {
    margin-left: 0 !important; /* Cancel 17px left margin on pages with posts */
}
.entry-content, .entry-header, .entry-meta { /* === set all containing elements to 1000 pixels === */
    max-width: 1000px;
    width: 1000px;
}
article p {margin-bottom: 15px; padding-right: 15px;}
ol, ul {list-style-position: inside;}
article ul {
    line-height: 2rem;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: 1.2rem;
    margin-left: 17px;
}
.twocolumn {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.twocolumn {
    -webkit-column-gap: 45%; /* Chrome, Safari, Opera */
    -moz-column-gap: 45%; /* Firefox */
    column-gap: 45%;
} 
.threecolumn {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.threecolumn {
    -webkit-column-gap: 30%; /* Chrome, Safari, Opera */
    -moz-column-gap: 30%; /* Firefox */
    column-gap: 30%;
} 
/* ==============================================
         2.0  Styling of Elements - site wide
   ==============================================  */
/*  =============== END OF 2.0 ==================  */
/* ==============================================
         2.1  Styling of Images - site wide
   ==============================================  */
.entry-content img.alignleft, 
.entry-content .wp-caption.alignleft
	{ margin-left: 0px; 
	}
.entry-content img.alignright, 
.entry-content .wp-caption.alignright {
    margin-right: 0px;
    margin-left: 5px;
	}  /* === remove -60px shift from twentythirteen theme === */
.entry-content .alignright, 
.entry-content .wp-caption.alignright {
    margin-right: 0px;
    margin-left: 5px;
	}
/*  =============== END OF 2.1 ==================  */
/* ==============================================
         2.2  Styling of Fonts - site wide
   ==============================================  */
p {line-height: 2rem;}
h1.entry-title {font-weight: 400; line-height: 4.0rem; padding-top: 30px; border-bottom: thin solid black;}
h1, h2, h3, h3, h5, h6 {
	-webkit-hyphens:manual;
	-moz-hyphens:manual;
	hyphens:manual;
	clear: none; /* === makes sub-titles wrap around img === */
} 
p, p a {
	-webkit-hyphens:manual;
	-moz-hyphens:manual;
	hyphens:manual;
}
ul li, ul li a {
	-webkit-hyphens:manual;
	-moz-hyphens:manual;
	hyphens:manual;
} 
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    color: #220e10;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 24px;
}
/* =============== Styling of Fonts - Specific pages ============== */
/* === HOME PAGE === */ 	.home h1 {letter-spacing: -0.2rem;}
/* === BLOG POSTS === */        .entry-thumbnail img {display: block; margin: 0 0 30px;}  /* === position feature image === */
/* === ARCHIVE Header === */    
.archive-title, .archive-meta, .page-title {
    background-color: #fff;
    font: italic 300 30px "Source Sans Pro",Helvetica,sans-serif;
    letter-spacing: -0.5px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px;
    width: 100%;
}
/*  =============== END OF 2.2 ==================  */
/* ============================================== 
	2.4  Posts in Page Plugin Styling  
   ============================================== */
.ivycat-post .entry-summary {margin: 0; padding: 0;}
.ivycat-post h2 {font-size: 2rem;}
/*  =============== END OF 2.4 ==================  */
/* ============================================== 
	2.5  Styling for Posts  
   ============================================== */
.entry-meta {display: none;} 
figure.smaller-text figcaption {font-size: 90%;}
p.wp-block-post-excerpt__excerpt a {
    display: block;
    margin-top: 9px;
    font-weight: bold;
}

/* ================ Post Navigation ============= */
.sidebar .post-navigation .nav-links {
    padding: 0 60px 0 60px;
}
/*  =============== END OF 2.5 ==================  */
/* ==============================================
         3.0 Navigation Settings - header
   ==============================================  */
.navbar {
	background: none;
	max-width: 1000px;
	height: auto;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li:focus {
background-color: transparent;
color: #000;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li:focus  {
color: #bc360a;
}
.nav-menu li a {font-weight: 400; font-size: 1.2em;}
/* Hide the pipeline between menu items
.nav-menu li a:after {
    content: " |  ";
    color: #000;
} 
.nav-menu li:last-child a:after {
    content: "";
    color: #000;
} */
.metaslider {
    float: right;
    margin: 20px;
    width: 500px;
    position: relative;
    z-index: 0;
    padding: 0 0 0 30px;
}
/* ================= site logo positioning ===================  */
h1.site-title {
background-image: url("images/header.png");
background-size: 100% auto;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
background-position: top center;
display: block;
    float: left;
    text-indent: -9999px;
    width: 100%;
max-width: 1286px;
    margin-top: 0px;
    /*margin-left:-100px;*/
} 
.site-title {height: 272px;}
h2.site-description {display: none;}
.site-header {border-top: solid 8px black;}
/*  ================ END OF 3.0 ==================  */
/* ==============================================
               4.0  Widget Styling
   ==============================================  */
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 1040px;
    padding: 0;
}
/* ================ END OF 4.0 ==================  */
/* ==============================================
                5.0  Footer Styling
   ==============================================  */
.site-footer {
    background-color: transparent;
}   
div.site-info { font-size: 1.2rem; }
.site-footer .widget-area, .sidebar .site-footer {
    text-align: center;
}
/*  ================ END OF 5.0 =================  */
/* ==============================================
                6.0  Log-in Styling
   ==============================================  */
#loginform-custom input {margin: 10px;}
/*  ================ END OF 6.0 =================  */
/* ================ Contact Form ================ */
div.wpforms-container-full {
    margin: 0;
}
/* ================ GENERICONS ================= */	
.facebook:before,
.facebook-icon:before {
	content: '\f203';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.twitter:before,
.twitter-icon:before {
	content: '\f202';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.send-email:before,
.email-icon:before {
	content: '\f410';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.cellular-icon:before {
	content: '\f437';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.youtube-icon:before {
	content: '\f213';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.flickr-icon:before {
	content: '\f211';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.vimeo-icon:before {
	content: '\f212';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.telephone-icon:before,
.landline-icon:before {
	content: '\f50c';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.download:before,
.download-icon:before {
	content: '\f440';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.url-icon:before, 
.website-icon:before {
	content: '\f475';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.googleplus-icon:before {
	content: '\f206';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.linkedin-icon:before {
	content: '\f208';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.instagram-icon:before {
	content: '\f215';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.pinterest-icon:before {
	content: '\f210';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
padding-right: 5px;
}
.tenpixelbottom {margin-bottom: 5px; margin-top: 5px; display: inline-block;}


/* ADDED BY LIONEL */
.wp-block-post-excerpt > .wp-block-post-excerpt__more-text {
     margin-top: 1rem;
}

/* ==============================================
                    Media Queries
   ==============================================  */
@media (max-width: 1069px) {
/* ===== header logo ===== */
h1.site-title {
	background: url("images/header.png") no-repeat scroll 0 0 / 1069px auto rgba(0, 0, 0, 0);
	height: 226px;}
.entry-content {
    margin: 0 40px 0 20px;
    width: 100%;
    padding-right: 40px;
}
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    padding: 0 30px 0 0; /* === add breathing space beside the browser slider === */
}
.site-main .widget-area {
/* === keep sidebar from jumping when window scales down === */
    margin-right: 0px;
}

.archive-title, .archive-meta, .page-title {
    max-width: 100%;
}

} /*  ========== END OF @media (max-width: 1069px) =============  */
@media (max-width: 999px) {
/* ===== header logo ===== */
h1.site-title {
background-image: url("images/header.png");
background-size: 100% auto;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
background-position: top center;
display: block;
    float: left;
    text-indent: -9999px;
    width: 100%;
max-width: 1286px;
    margin-top: 0px;
    /*margin-left:-100px;*/
} 
.site-title {
    margin: 0 0 20px 0;
}
.sidebar .entry-header, 
.sidebar .entry-content, 
.sidebar .entry-summary, 
.sidebar .entry-meta {max-width: 100%;} /* == make article stretch from side to side == */

.page-header, .archive-header, .attachment {
    background-color: #FFF !important;
}
/* ================= meta slider ================== */
.metaslider {
    margin: 0 auto !important;
    max-width: 500px !important;
    position: relative;
    z-index: 0;
	float: none;
    width: 500px;
    height: auto;
}
.site-header .home-link {min-height: 230px;}
} /*  ========== END OF @media (max-width: 999px) =============  */
@media (max-width: 643px) {
body {padding: 0 20px 0 0; max-width: 600px; min-width: 500px;}
p {font-size: 145%; line-height: 1.2em;}
/* === small menu reset === */
.site-header {
    background-image: none;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {color: #fff;}
/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #000 /* #FFF */;
		padding: 12px 0 12px 20px;
		font-size: 1.5em;
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 30px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #FFF; /* was #141412 */
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #FFF; /* was #141412 */
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #220e10;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	#content .featured-gallery {
		padding-left: 24px;
	}

	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}

	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title {
		font-size: 33px;
		font-weight: bold !important;
	}

	.format-quote blockquote,
	.format-status .entry-content {
		font-size: 18px;
	}

	.format-quote blockquote small,
	.format-quote blockquote cite {
		font-size: 13px;
	}

	.error404 .page-title {
		padding: 40px 0 0;
	}

	.error404 .page-title:before {
		content: normal;
	}

	.comment-author {
		margin-right: 30px;
	}

	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width:         calc(100% - 120px);
	}

	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}
.toggled-on .nav-menu > li a:hover,
.toggled-on .nav-menu > ul a:hover
	{
	background-color: #246582 ;
	}
/* -- add a down arrow to the li before the sub-menu -- */
ul#menu-main-menu li a:first-child:nth-last-child(2):after {
	content: "\f502";
	font: 16px/1 "Genericons";
	font-size: 12px;
	padding-left: 8px;
	vertical-align: -4px;
}
.nav-menu .sub-menu, .nav-menu .children {border-width: 0;}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    /* color: #FFF; */
    font-style: italic;
}
/* === end of small menu reset === */
/* ================= site logo positioning ===================  */
h1.site-title {
background-image: url("images/header-mobile.png");
background-size: 100% auto;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
background-position: top center;
display: block;
    float: left;
clear: both;
    text-indent: -9999px;
    width: 100%;
max-width: 1286px;
    margin-top: 0px;
    /*margin-left:-100px;*/
} 
.site-title {
    padding: 80% 0 0;
}
/* ================= meta slider ================== */
.metaslider {
    margin: 0 auto !important;
    max-width: 640px !important;
    position: relative;
    z-index: 0;
	float: none;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0px 20px;
}
.navbar {height: auto;} /* === moves rest of site when drop-down menu expands === */
.nav-menu li a {
    color: #141412;
    display: block;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1;
    padding: 15px 20px;
    text-decoration: none;
}  
.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
    display: block;
    margin-left: 0;
    padding: 0;
    width: 100%;
}
} /*  ========== END OF @media (max-width: 643px) =============  */
/*  ========== END OF Media Queries =============  *//* CSS Document */