/*   
Theme Name: Healthier Montgomery
Theme URI: healthiermontgomery.com
Description: This is a custom WordPress theme designed and developed for Healthier Montgomery -- WordPress v. 4.6.1
Version: 1.0
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.4em; letter-spacing: 0.08em;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.clear-left {clear: left; padding-left: 82px}
.page-wrap { width: 1150px; margin: 0 auto }

button , input{-webkit-appearance:none;}

h1, h2, h3 { font-weight: normal; margin: 15px 0 10px 0; font-family: 'Oxygen', sans-serif; font-weight: 700; line-height: 1.2em;}
h1 {font-size: 2.5em}
h2 {font-size: 1.75em; line-height: 1.2em}
h3 {font-size: 1.5em; }

h2.page-title {padding: 20px 0 20px}

p { margin: 15px 0 25px; }
a { color: #84af40}
a:hover {color: #42858e; transition: 1s ease} 
a img {border: none}

blockquote {background: #45717a; color: #fff; padding: 10px;  margin: 10px auto 20px; display: block; clear: both  }
blockquote p {border: 2px solid #fff; padding: 10px; margin: 0; text-align: center}
blockquote a {color: #fff; text-decoration: none}
blockquote a:hover {color: #77993e; transition: 1s ease}
blockquote.edit-name {display: none}
.logged-in blockquote.edit-name {display: block}

ul, ol { margin: 20px 0 10px 0; }
ul li, ol li {margin: 0 0 20px 20px}

strong, b {font-weight: 700}

.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img {max-width: 100%; height: auto; }
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img, aside img, .wp-caption {	max-width: 100%; /* When images are too wide for containing element, force them to fit. */	height: auto; /* Override height to match resized width for correct aspect ratio. */}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	max-width: 100%;	height: auto;}
a img {	border: none;}
p img {	margin-bottom: 1em; }
img.alignleft,.wp-caption.alignleft {	margin-right: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.alignright,.wp-caption.alignright {	margin-left: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	height: auto;}
.wp-caption {	padding: 10px;	text-align: center;	border: 1px #ccc solid;}
.wp-caption img {	margin: 0;}
.wp-caption .wp-caption-text {	margin: .5em;	font-size: 80%;}

header {background: #212423; padding: 15px 0 5px; }
#logo {text-indent: -9999px; float: left; width: 200px; height: 50px; background: url('images/logo.svg') no-repeat; position: relative; display: block; margin: -5px 0 0 0; padding: 0 0 7px 0; line-height: 0}
#logo:hover {opacity: 0.8; transition: 1s ease}
header nav {float: right}
header nav ul {margin: 0; list-style: none; float: right}
header nav ul li {float: left; position: relative; margin: 0}
header nav ul li a {text-decoration: none; color: #fff; position: relative; letter-spacing: 0.08em; font-size: 1em; line-height: 1; padding: 0.7rem 1rem 1.5rem; display: block}
header nav ul li a:hover {color: #779a3e; transition: 1s ease}
header nav ul li ul {display: none; position: absolute; width: 200px; z-index: 99999; top: 50px; left: 0; background: #212423;}
header nav ul li:hover ul {display: block}
header nav ul li.login a {border: 2px solid #fff; text-transform: uppercase; font-weight: 700; padding: 0.7rem 1rem}
header nav ul li.login a:hover {color: #779a3e; border-color: #779a3e; transition: 1s ease}
header nav ul li.menu-item-has-children {margin-right: 15px}
header nav ul li.menu-item-has-children a:after {content: " "; width:10px; height:10px; background: url('images/triangle.svg'); top: 15px; right: -5px; display:block; position: absolute; z-index: 9999; }
header nav ul li ul li {float: none; clear: both}
header nav ul li ul li a {width: 180px; margin: 0; padding: 0 10px 20px}
header nav ul li ul li a:hover {color: #ccc}
header nav ul li.menu-item-has-children ul li a:after {display: none}

.hero-block.wash::before {background: rgba(74, 74, 74, 0.5) none repeat scroll 0 0;content: "";display: block;height: 100%;position: absolute;top: 0;width: 100%; z-index: 1;}
.hero-block {color: #fff; position: relative; overflow: hidden}
.hero-content {text-align: center; color: #fff; position: absolute; z-index: 99999; width: 700px;left: 50%; top: 15%; margin-left: -350px }
.hero-block p {margin: 0 auto; font-size: 1.3em;line-height: 1.6;}
.hero-block h1 {font-size: 2.3em; font-weight: 400; line-height: 1.2;margin: 15px 0;}	

.button {font-size: 1.2em; margin: 20px 5px; display: inline-block; color: #fff; text-decoration: none; font-weight: 700; text-transform: uppercase; text-align: center; padding: 17px 15px 15px; background: #779a3e; color: #fff; border: 3px solid #779a3e}
.button:hover {background: #45717a; border-color: #45717a; cursor: pointer; transition: 1s ease; color: #fff}
.button.secondary {background: none; border-color: #fff; } 
.button.secondary:hover {border-color: #779a3e; transition: 1s ease}

footer {background: #4a4a4a; color: #fff; padding: 55px 0 40px; font-weight: 300}
footer h4 {font-size: 1.17em;line-height: 1.3; float: left; clear: left; font-weight: 700}
footer h4:after {content: " "; width: 50px; height: 2px; display: block; float: none; clear: both; background: #779a3e; margin: 10px 0 20px;}
footer nav {float: left; width: 25%}
footer nav ul {list-style: none; font-weight: 400; float: left; clear: left}
footer nav ul li {margin: 0; padding: 0; float: left; clear: left}
footer nav ul li a {color: #fff; text-decoration: none; display: block; padding-bottom: 15px}
footer nav ul li a:hover {color: #779a3e; transition: 1s ease}
footer .share {width: 50%; float: right}
footer .share p {line-height: 1.6}
footer .share span {color: #779a3e; }
.sub-footer {background: #212423; padding: 25px 0 20px; color: #fff; font-size: 0.8em }
.sub-footer a {color: #779a3e; text-decoration: none}
.sub-footer a:hover {text-decoration: underline}
.sub-footer .page-wrap div {width: 25%; float: left}
.sub-footer .page-wrap div img {width: 75%; height: auto; margin-top: -8px}
.copy {background: #000; color: #ccc; font-size: 0.7em; padding: 10px 0}
img.htn {padding-top: 15px}

.post {padding: 0 0 30px}
 div.userpro-social-connect {top: -400px !important; left: 0; z-index: 9999; position: absolute !important;}
div.userpro-social-connect a.userpro-social-facebook {margin: 0 0 0 55px; color: #fff; font-size: 1em; background: #3b5998 url('images/facebook.svg') 20px center no-repeat !important;   width: 300px; height: 60px; background-size: 12px 25px !important}
div.userpro-social-connect a.userpro-social-facebook:hover {transition: 1s ease; background: #45717a url('images/facebook.svg') 20px center no-repeat !important;  background-size: 12px 25px !important}
div.userpro-social-connect a.userpro-social-facebook:after {position: absolute; z-index: 99999; right: 75px; top: 21px; font-size: 18px; font-weight: 700; letter-spacing: 0.05em; display: block; text-transform: uppercase; content: " Connect with facebook"; color: #fff}
div.userpro-social-connect:after {content: "We will never post without your permission."; letter-spacing: 0.06em; display: block; font-style: italic; font-size: 16px; clear: both; margin: 0 auto; text-align: center; width: 100%; height: 20px; padding-top: 20px;}
div.userpro-social-connect:before {content: "— OR —"; color: #999; display: block; margin: 0 auto; text-align: center; font-size: 20px;position: absolute; bottom: -35px; left: 170px}
span.userpro-field-icon {display: none}
div.userpro {margin-bottom: 90px !important; /*margin-top: 200px;*/ background: #ebf2eb !important; border-radius: 3px; padding: 20px 20px 20px; position: relative}
div.userpro-float div.userpro-label {float: left; clear: left; width: 100% !important}
div.userpro-float div.userpro-input {float: left !important; clear: left; width: 100% !important}
div.userpro-label.iconed {padding-left: 0 !important}
div.userpro-label label { color: #0a0a0a;display: block;font-size: 0.875rem;font-weight: 400;line-height: 1.8;margin: 0;}
div.userpro div.userpro-head div.userpro-left {font-weight: 700; font-size: 30px !important}
div.userpro-head div.userpro-right {position: absolute; bottom: -40px; text-align: center !important; font-weight: 300 !important; letter-spacing: 0.07em }
div.userpro-head div.userpro-right a {color: #779a3e; font-size: 22px !important}
div.userpro-head div.userpro-right:before {content: "Login trouble? "; font-size: 22px !important;}
div.userpro-head {position: static !important}
div.userpro-submit input[value="Register with email"] {text-transform: uppercase; font-weight: 700 !important; letter-spacing: 0.08em; font-size: 18px !important} 
form[data-action="register"]  div.userpro-social-connect {display: none}
div[data-template='login']{margin-top: 180px !important}
.userpro-body div.userpro-float div.userpro-input {margin-bottom: 10px}
div.userpro-submit input.userpro-button[type="submit"]{text-transform: uppercase; font-weight: 700 !important; letter-spacing: 0.08em; font-size: 18px !important}
input.userpro-button {height: auto !important; border-radius: 0 !important;  padding: 15px !important;}
input.userpro-button, a.userpro-button, div.userpro div.ajax-file-upload {padding: 15px !important}
.userpro-body div.userpro-label label {font-weight: 400 !important; font-size: 16px !important; font-style: inherit !important}
.userpro-body div.userpro-field {margin: 0 !important}
input.userpro-button.secondary, a.userpro-button.secondary, div.userpro div.ajax-file-upload {text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 0.08em !important; font-size: 18px !important}
.gray-background {background: #edecee }
.smart-start-feed {float: left; width: 80%; padding-bottom: 40px}
.page .smart-start-feed .post { width: 290px; height: 290px; float: left; position: relative; padding: 0; margin-bottom: 20px}
.smart-start-feed .post:first-child {margin-right: 20px}
.smart-start-feed .post:nth-child(3n) {margin-left: 16px; margin-right: 16px}
.page-content {padding: 50px 0 0}
aside {width:20%; float: right; margin-top: 50px}
h3.activity-title {font-size: 32px; padding: 0 15px; line-height: 36px;}
h4.activity-description {padding: 20px 10px 0; font-weight: 300; font-size:18px }
.activity-card-text {position: absolute; top: 80px; color: #fff; text-align: center; z-index: 99}
.marker {display: block; width: 75px; height: 75px; position: absolute; top: 0; right: 0; z-index: 999; }
.card-overlay {display: block; background: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: absolute; z-index: 9; left: 0; top: 0 }
.category-tobacco-healthy-starts-for-home .marker {background: url('images/orange-triangle.svg')}
.category-food-healthy-starts-for-home .marker {background: url('images/blue-triangle.svg')}
.category-exercise-healthy-starts-for-home .marker {background: url('images/green-triangle.svg')}
.basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:400px; width:400px; background-color:#fff;border-radius: 5px; top: 30px !important }
#simplemodal-container .basic-modual-content {display: block}
.category-tobacco-healthy-starts-for-home .banner {border-bottom: 15px solid #f6862a !important}
.category-tobacco-healthy-starts-for-home .simplefavorite-button {background: #f6862a !important}

.category-food-healthy-starts-for-home .banner {border-bottom: 15px solid #3260ad !important}
.category-food-healthy-starts-for-home .simplefavorite-button {background: #3260ad !important}

.category-exercise-healthy-starts-for-home .banner {border-bottom: 15px solid #a6ce39 !important}
.category-exercise-healthy-starts-for-home .simplefavorite-button {background: #a6ce39 !important}

.page-template-default .entry {padding-top: 30px}

a.twitter {display: block; width: 30px; height: 30px; background: url('images/twitter.svg') center center no-repeat; display: block; float: left; text-indent:-9999px; margin-right: 10px}
a.facebook {display: block; width: 30px; height: 30px; background: url('images/facebook.svg') center center no-repeat; display: block; float: left; text-indent: -99999px}
a.twitter:hover, a.facebook:hover {opacity: 0.8}  

/* Single Activity Post */

.banner img {width: 100%; height: auto}
.banner {max-height: 250px; position: relative; overflow: hidden}
.banner:after {background: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: absolute; z-index: 9; left: 0; top: 0; display: block; content: " "}
.banner .activity-card-text {position: absolute; top: 45px; color: #fff; text-align: center; z-index: 992; width: 700px; height: auto; left: 50%; margin-left: -350px;  }

.banner h3.activity-title {font-size: 2.25em; padding: 0 15px; line-height: 1.25em;}
.banner h4.activity-description {padding: 5px 10px 0; font-weight: 500; font-size:1.5em; line-height: 1.3em }
.simplecomplete-button {position: absolute; bottom: 45px; right: 0; font-size: 18px; font-weight: 700; text-transform: uppercase; position: absolute; background-color: #f68441; border: 0 none;color: #fff;cursor: pointer;padding: 17px 15px 15px;}
.simplecomplete-button:hover {opacity: 0.8; transition: 1s ease} 
.simplefavorite-button {position: absolute; left: 0; bottom: 50px; font-size: 18px; font-weight: 700; text-transform: uppercase; background-color: #a1d10c; border: 0 none;color: #fff;cursor: pointer;padding: 17px 15px 15px;}
.simplefavorite-button:hover {opacity: 0.8; transition: 1s ease}

.activities-nav {background: #fff; border-bottom: 8px solid #779a3e; padding-bottom: 5px}
.activities-nav a {color: #779a3e; text-decoration: none}
.activities-nav a.back {float: left; display: block; text-transform: uppercase;font-weight: 700; margin-top: 20px}
.activities-nav a.back:hover {color: #f68441}
.activities-nav ul {float: right; list-style: none;  margin: 5px 0 0 0; padding: 10px 0}
.activities-nav ul li {display: block; float: left; margin:0 }
.activities-nav ul li a {font-weight: 500; padding: 3px 15px; text-align: center; border-left: 1px solid #ccc; display: block; }
.activities-nav ul li a:hover {color:#f68441; transition: 1s ease }
.activities-nav ul li:last-child a {border-right: 1px solid #ccc; }
.activities-nav ul li.current-menu-item a {color: #ccc}
button.active {background: #ccc}
/*page*/
.page .post {padding-bottom: 30px}
.page aside ul {list-style: none; margin: 0}
.page aside ul li {margin: 0}
.page aside ul li a {text-decoration: none; padding: 10px 20px; display: block; margin-bottom: 10px; clear: both; width: auto; color: #fff; background: #42858e; font-weight: 500; font-size: 1.2em}
.page aside ul li a:hover {opacity: 0.8; transition: 1s ease}
.page aside ul li:nth-child(2n) a{background: #84af40}
.page aside ul li:nth-child(3n) a{background: #168944}
.page aside ul li:nth-child(4n) a{background: #e5b13c}
.page-template-page-my-activities {background: #edecee;}
.tip {background: #84af40; color: #fff; padding: 20px 25px 10px}
.tip a {color: #fff; text-decoration: none; font-weight: 700}
.tip a:hover {color: #e5b13c; transition: 1s ease}

.single-box {padding: 30px 50px; background: #fff; border-bottom: 5px solid #ccc; border-right: 3px solid #ccc; margin-bottom: 20px; position: relative}
.single-box img {width: 150px; height: 150px; float: left; margin-right: 30px; background: #000}
.single-box h3.activity-title {float: left; width: 70%}
.single-box h4.activity-description {float: left; width: 45%}
.single-box img:hover {opacity: 0.8}
.enroll-button {border-radius: 5px; font-size: 1.75em !important; letter-spacing:.02em; display: block; width: 100%; margin: 0 auto; display: block; clear: both}

.learn-press-breadcrumb {text-align: right; color: #707070}
.learn-press-tab-panel li.course-lesson .attachment-thumbnail, .learn-press-tab-panel ul.curriculum-sections li {width: 300px; height: 300px; position: relative; z-index: 1; float: left; margin: 0 !important; padding: 0 !important}
.learn-press-tab-panel ul.curriculum-sections li.section {float: left; width: 30%; height: auto; margin: 1.5% !important}
.learn-press-tab-panel li.course-lesson img.attachment-thumbnail {width: 100%; height: auto}
.learn-press-tab-panel li.course-lesson:after {content: " "; display: block; width: 100%; height: 100%; background: black; opacity: 0.5; position: absolute; left: 0; top: 0; z-index: 9999}
.learn-press-tab-panel #learn-press-course-curriculum h4.section-headers {display: block; position: absolute; width: 80%; height: 150px; z-index: 999; color: #fff; background: none; padding: 0; margin: 0; top: 30%; left: 10%; text-align: center; border-top: 0; font-size: 1.75em; line-height: 1em}
.learn-press-tab-panel #learn-press-course-curriculum h4.section-headers:hover {background: none !important}
.learn-press-tab-panel p.special {color: #fff !important; font-style: inherit !important; font-size: .5em !important; line-height: 1.25em; font-weight: 400}
.learn-press-tab-panel #learn-press-course-curriculum ul.section-content {background: none !important; width: 100%; float: left}
.learn-press-tab-panel #learn-press-course-curriculum ul.section-content li.course-lesson {width: 100%; height: auto}
.learn-press-tab-panel #learn-press-course-curriculum ul.curriculum-sections,.learn-press-tab-panel #learn-press-course-curriculum ul.section-content {background: none}
.learn-press-tab-panel #learn-press-course-curriculum .course-item a.course-item-title {position: absolute; bottom: 40px; left: 10%; z-index: 999999; width: 73%; bottom: 10%; text-align: center; }

.learn-press-tab-panel #learn-press-course-curriculum .course-item-meta {float: none; position: absolute; top: 15px; right: 15px; z-index: 99999;}
.learn-press-tab-panel #learn-press-course-curriculum ul.curriculum-sections, .learn-press-tab-panel #learn-press-course-curriculum ul.section-content {background: none }

#popup-sidebar img {display: none}
#popup-sidebar h4 {width: 90%; margin: 0 auto; padding-top: 20px; font-size: 1.25em}
#popup-sidebar p.special {font-weight: 400; font-size: 1em !important}

body.content-item-only #learn-press-content-item .single-lesson-banner {width: 100%; height: 450px; position: relative; overflow: hidden}
body.content-item-only #learn-press-content-item .single-lesson-banner img {width: 100%; height: auto; top: -150px; position: relative;}

body.content-item-only #learn-press-content-item {width: 100% !important}
body.content-item-only .learn-press-content-item-only, body.content-item-only .learn-press-content-item-only {padding: 0 !important}

body.content-item-only .learn-press-content-item-title , .learn-press-content-item-summary {padding: 20px}
a.dashicons-editor-expand {display: none}

/* Learn Press */

form#learn-press-form-login {background: #ebf2eb; width: 50%; margin: 0 auto; padding: 20px}
#user_login, #user_pass {float: left; clear: left; width: 100%; padding: 10px 0}
label[for="user_login"], label[for="user_pass"] {float: left; clear: left; }
p#ogin-username {display: block; clear: both; width: 100%}
input#user_login {margin-bottom: 20px}
p.login-remember {display: block; clear: left; padding-top: 30px}
/*#wp-submit {width: 100%; display: block}
*/.course-meta {display: none}
.learn-press-breadcrumb  {padding: 30px 0 10px}
div.learn-press-course-results-progress h4.lp-course-progress-heading, ul.tabs li.orders_tab  {display: none}
.entry .learn-press-user-profile .learn-press-tabs {margin: 20px 0 !important}
ul.tabs li a {text-decoration: none; font-weight: 700}
ul.tabs li a:hover { color: #f08721}
ul.tabs li.activities_tab a { text-indent: -9999px; min-width: 100px}
ul.tabs li.activities_tab a:before {display: block; content: "Activities"; float: right; text-indent: 0; }
ul.tabs li.gradebook_tab a {text-indent: -9999px; min-width: 80px }
ul.tabs li.gradebook_tab a:before {display: block; content: "Progress"; float: right; text-indent: 0; text-align: center; }

li.learn-press-nav-tab-curriculum a { text-indent: -9999px; min-width: 100px}
li.learn-press-nav-tab-curriculum a:before {display: block; content: "Activities"; float: right; text-indent: 0; }
#learn-press-user-profile strong.user-nicename {display: block; float: right}
#learn-press-user-profile strong.user-nicename:before {content: "Hello,"; float: left; margin-right: 5px }
.user-basic-info {padding: 20px 20px 10px; background: #efefef}
.user-basic-info p {float: right; clear: right}
.user-basic-info p a {margin-left: 10px; display: block; border-radius: 5px; background: #4a757b; padding: 5px 15px; color: #fff; float: right; text-decoration: none; font-weight: 500}
.user-basic-info p a:last-child {background: #779a3e}
.user-basic-info p a:hover {background: #f08721; transition: 1s ease} 
.user-avatar img.avatar {border: 5px solid #fff}
.entry .learn-press-courses li.course {width: 100%; margin: 0 0 20px 0}
.entry .learn-press-courses li.course h3 {float: left}
.entry .learn-press-courses .course-thumbnail {float: left; margin-right: 20px; width: 25%; height : auto}
.learn-press-subtabs {float: right; clear: both}
.learn-press-subtabs li a {background: #ccc; color: #fff; padding: 5px 10px; color: #fff; border-radius: 5px; text-decoration: none}
.learn-press-subtabs li a:hover {background: #f08721; transition: 1s ease}
.learn-press-subtab-content {clear: both}
.entry .learn-press-user-profile .update-profile {border-top: none}
.entry .button{min-width: 150px; margin: 0}
p#lp-avatar-actions {float: left}
.entry .learn-press-user-profile .update-profile {padding-top: 0}
.entry .lp-form-field-input textarea#description {width: 100%; border-radius: 5px; border: 2px solid #ccc; box-shadow: none}
.lp-form-field-input input {min-width: 50%; padding: 7px 5px; border-radius: 5px; border: 2px solid #ccc}
.user-basic-info .user-bio {display: none}
.single-lp_course .learn-press-course-results-progress {margin-bottom: 10px !important}
.entry #learn-press-course-curriculum {padding-bottom: 30px}
ul.curriculum-sections li {margin: 0}
#learn-press-course-curriculum .course-item a.course-item-title {font-weight: 700; background: #77993e; color: #fff; text-decoration: none; padding: 5px 10px; border-radius: 5px  }
#learn-press-course-curriculum .course-item a.course-item-title:hover {background: #4a757b}

.lp-passing-conditional {display: none}
#lp-archive-courses .course-info {display: none}
.course-thumbnail {float: left}
.search-course-input, .learn-press-search-course-form {display: none}
.entry .learn-press-courses li#post-231 {padding-bottom: 20px}
.entry .learn-press-courses li#post-231 .course-title:after {content: "Complete all five activities and document your success, and your neighborhood will receive recognition from the county for all your collective hard work. Feel great, shine bright. You can’t go wrong with that!"; display: block !important; float: left; width: 60%; margin-left: 15px; color: #000}
#course-curriculum-popup #popup-main #popup-header {background: #212423 !important; border-bottom-color: #212423 !important }
#course-curriculum-popup #popup-main #popup-content {bottom: 0 !important}
#course-curriculum-popup #popup-main #popup-header .popup-menu {border-right-color: #212423 !important}
button.button-complete-item {background: #779a3e; color: #fff; text-decoration: none; padding: 5px 10px; text-align: center; border-radius: 5px; font-size: 1em; border: 1px solid #779a3e; font-weight: 700 }
button.button-complete-item:hover {background: #f58526; border-color: #f58526; transition: 1s ease; cursor: pointer}
#course-curriculum-popup #popup-main #popup-footer {display: none}
#tab-activities .learn-press-course-results-progress {float: left; width: 45%}
#tab-activities .learn-press-user-profile .learn-press-subtab-content .profile-courses .learn-press-course-results-progress {float: left; }
.entry  #tab-activities  li.course h3  {width: 60%}
#tab-activities .learn-press-courses li.course .view-more {float: right; }
#tab-activities .learn-press-courses li.course a.view-more {display: block; background: #779a3e; color: #fff; text-decoration: none; float: right; padding: 5px 10px; border-radius: 5px; margin-right: 40px }
#tab-activities .learn-press-courses {margin: 0}
form.learn-press-form{ padding-bottom:40px !important}
div.nav-link {display: none}
#tab-gradebook table {width: 100%}
#tab-gradebook table tr td {width: 50%}
#tab-gradebook table tr.course_details td{text-align: left}
#tab-gradebook table thead tr td {display: none}
#tab-gradebook table thead {display: none}
#tab-gradebook table tbody tr td:last-child {display: none} 
p.edit-course-item-link {display: none}
button[disabled="disabled"] {background: #ccc; padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 1em}
.learn-press-popup-certificate {font-weight: 700; background: #4a757b; border: 1px solid #4a757b; color: #fff; text-decoration: none; padding: 5px 10px; border-radius: 5px; font-size: 1em; font-weight: 500; }
.learn-press-popup-certificate:hover {background: #f58526; transition: 1s ease; cursor: pointer}
.learn-press-course-buttons {clear: both; float: none; padding-top: 30px}
button.learn-press-popup-certificate {width: 80%; padding: 10px; margin: 0 auto; display: block}

span.lp-label-failed {display: none !important}
button#learn-press-finish-course {width: 100%; padding: 10px 0; font-size: 2em; color: #fff; text-decoration: none; background: #f58526; color: #fff; border: none; }
button#learn-press-finish-course:hover {background: #42858e; transition: 1s ease; cursor: pointer}

.course-landing-summary .learn-press-nav-tabs {display: none}
.button-primary {font-size: .9em; min-width: 300px; border-radius: 5px; padding: 5px 10px; width: 80%; float: none; display: block}
.entry .button-primary {margin: 0 auto}
.tinynav { display: none}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.dashicons-arrow-left-alt2:after {content: "Full Screen"; position: absolute; top: 0; right: -180px; z-index: 999999; color: #fff;font-family: 'Source Sans Pro', sans-serif}

section#pagination-section {position: relative; z-index: 9999; height: auto; float: left;  width: 100%; margin-bottom: 30px}
section#pagination-section  .pagination {clear:both; padding: 0 0 20px 0; position:relative; }
section#pagination-section  .pagination span, .pagination a {background: #eaeae9; display:block; float:left; margin: 2px 2px 2px 0; padding:10px 20px; text-decoration:none; width:auto; color:#414042; }
section#pagination-section  .pagination a:hover{color:#fff;background: #84af40; transition: .5s ease}
section#pagination-section  .pagination .current{background: #cccccc; color:#fff;}

.archive .banner {height: 180px; background: #45717a; margin-bottom: 40px}
.archive .banner::after {display: none}

.news-entry {max-width: 40%; margin: 0 2% 2% 0; border: 5px solid #ccc; border-radius: 3px; padding: 20px 20px 0;  float: left; }
.news-entry:nth-child(3n) {clear: both} 
.news-entry h3 {text-decoration: none; line-height: 1.3em;}
.news-entry h3:after {content: " "; width: 50px; height: 2px; display: block; float: none; clear: both; background: #779a3e; margin: 10px 0 20px;}
.news-entry a {text-decoration: none}
.news-entry a.moretag {display: block; padding: 5px 10px; float: none; clear: both; color: #fff; background: #45717a; margin: 20px 0 0 0; text-transform: uppercase; font-weight: 700; max-width: 170px; text-align: center; border-radius:5px}
.news-entry a.moretag:hover {background: #84af40}
.news-entry img {border-radius: 5px; margin-bottom: 10px}
.news-entry img:hover {opacity: 0.8; transition: 0.5s ease}
span.post-date { }

.color-background {height: 180px; background: #45717a; }

.post-navigation { border-top: 3px solid #779a3e; padding-top: 20px}
.post-back {float: left}
.post-next {float: right}

p.update-profile input#submit {display: none}
#learn-press-user-info .user-avatar {display: none}
.learn-press-user-profile #learn-press-user-info .user-basic-info {margin-left: 0 !important}
	
.logout-button { display: block; color: #fff; text-decoration: none; font-weight: 700; text-transform: uppercase; text-align: center; padding: 5px 10px; background: #779a3e; color: #fff; border: 3px solid #779a3e; float: right; width: 100px; border-radius: 5px; margin-left: 20px}
.logout-button:hover {background: #45717a; border-color: #45717a; cursor: pointer; transition: 1s ease; color: #fff}	

#learn-press-course-curriculum .section-header p {min-height: 50px !important; display: block !important}	
	
} /* END screen media */

/*
--------------------------------------------------------------
Media Queries Aplenty
--------------------------------------------------------------
*/

@media only screen and (max-width : 1159px) {
	
	.page-wrap {width: 90%;}
	.hero-block p {font-size: 1em; line-height: 1.2em}
	.hero-block h1 {font-size: 2em}
	footer .share {width: 40%}
	.sub-footer .page-wrap .clear-left {padding-left: 0;}
    .banner .activity-card-text  {width: 90%; left: auto; margin-left: auto; padding: 0 5%}
	.learn-press-tab-panel #learn-press-course-curriculum h4.section-headers {font-size: 1.4em; top: 20%}
	

}
@media only screen and (max-width : 950px ) {

	.learn-press-tab-panel ul.curriculum-sections li.section {width: 40%; margin: 0 5% 20px !important}
	#course-curriculum-popup #popup-main #popup-header .popup-title{display: none}
	body.content-item-only .learn-press-content-item-title, .learn-press-content-item-summary {padding: 0 20px 20px}
	header nav {width: 30%}
	.tinynav { display: block; float: right; padding: 5px 10px; margin-top: 10px; width: 100%; }
	#nav { display: none }	
}

@media only screen and (max-width : 850px ) {
	footer nav {width: 50%}
	footer .share {width: 100%; float: none; clear: both}
		
}/* END max-width : 719px */

@media screen and (max-width: 750px) {

	.hero-content {margin: 0 auto; position: relative; top: auto; left: auto; width: 90%}
	.hero-block.wash::before {display: none}
	.hero-block.wash {background: #45717a}	
	

	.hero-block p {max-width: 90%}
	.sub-footer .page-wrap div {width: 50%}
	
	.banner .activity-card-text {top: 10%}
	.learn-press-tab-panel ul.curriculum-sections li.section {margin: 20px auto; float: none; clear: both; display: block}
	.learn-press-tab-panel-curriculum {margin: 0 auto !important; float: none; width: 70%;}
	.learn-press-tab-panel li.course-lesson .attachment-thumbnail, .learn-press-tab-panel ul.curriculum-sections li {float: none; margin: 0 auto !important}
	.learn-press-tab-panel #learn-press-course-curriculum h4.section-headers { font-size: 1.75em; width: 80%; }
	
	.learn-press-tab-panel ul.curriculum-sections li.section {width: 100%;}
	.learn-press-tab-panel #learn-press-course-curriculum ul.section-content li.course-lesson {padding: 10px 10px;  margin-bottom: 20px !important}
	.learn-press-tab-panel #learn-press-course-curriculum h4.section-headers {top: 100px}
	.learn-press-tab-panel li.course-lesson::after {height: 99%}
	.banner:after {height: 98%}
	
	form#learn-press-form-login {width: 90%}
	#tab-activities .learn-press-course-results-progress {float: left; clear: both; width: 90%}
	#tab-activities li.learpress-status-finished div.course-thumbnail {display: none}
	.entry #tab-activities li.course h3 {width: auto}
	body.content-item-only #learn-press-content-item .single-lesson-banner {display: none}
	#lp-archive-courses .course-thumbnail {display: none}
	.entry .learn-press-courses li#post-231 .course-title:after {width: 90%; padding-bottom: 20px}
	.news-entry {max-width: 100%; width: auto; margin: 0 0 20px 0; float: none; clear: both}
	.news-entry  img {width: 100%; height: auto}
	section#pagination-section {margin-top: 10px}
	.logout-button {width: auto; padding: 0 5px}
	.tinynav {margin-top: 5px}
/*	header nav {float: left; width: 60%}
*/}

@media screen and (max-width: 550px) {
	.learn-press-tab-panel-curriculum {margin: 0 auto !important; float: none; width: 100%;}
	.learn-press-tab-panel #learn-press-course-curriculum h4.section-headers {top: 50px}
	.learn-press-tab-panel ul.curriculum-sections li.section { margin: 0 auto 20px !important}
	.user-basic-info p {float: none; clear: none}
	img.avatar {width: 15%; height: auto}
	.user-basic-info p:last-child {display: block; position: relative}
	.page-wrap {overflow: hidden}
	.sub-footer .page-wrap div {width: 100%; float: none; clear: both;}
	.sub-footer .page-wrap div img {margin-top: 0}
	.archive .banner {height: 100px}
	.tinynav {display: block}
	.learn-press-tab-panel #learn-press-course-curriculum ul.section-content li.course-lesson{padding: 0 0 !important}
	
	header nav {/*float: none; clear: both;*/ width: 50%; padding-top: 10px}
	.tinynav {/*float: none; clear: both;*/ margin: 0 auto; width: 100%}
	header {padding-bottom: 10px}
	.logout-button {margin-top: 5px}
}

@media screen and (max-width: 470px) {
	#logo {float: none; margin: 0 auto 5px}
	header {padding: 15px 0}
	div.hero-content .button {width: 80%; float: none; clear: both;}
	div.hero-content .button.secondary {margin: 0 auto 20px}
	footer {padding: 30px 0 }
	footer nav {width: 100%; float: none; text-align: center}
	footer nav ul {float: none; clear: none;  width: 100%}
	footer nav ul li {text-align: center; width: 100%}
	footer h4 {float: none; clear: none}
	footer h4:after {width: 100%; }
	footer nav {margin-bottom: 20px}
	footer .share {text-align: center}
	.banner h3.activity-title {font-size: 1.5em}
	.banner::after {height: 95%}
	.page-template-default .entry {padding-top: 10px}
	.entry .button {min-width: 100%}
	a.twitter {margin-left: 35%}
	.learn-press-tab-panel #learn-press-course-curriculum ul.section-content li.course-lesson {padding: 0 0 !important}
	.menu-main-navigation-menu-container {float: none; clear: both; margin: 10px auto}
	.tinynav {float: none !important; margin: 0 auto 10px !important}
	header nav {float: none; clear: both; margin: 0 auto 10px}
}

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */