/*
Theme Name: Vacation Rental University
Theme URI: https://rightlydesigned.com
Author: Rightly Designed
Author URI: https://rightlydesigned.com
Description: The official theme of Vacation Rental University.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vacation-rental-university
Tags:
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.
Vacation Rental University is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Raleway');*/
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i%7CPoppins%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i');
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Awesome
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (max-width: 400px) {
@-ms-viewport {
width: 320px; } }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.grid-container:before, .readability-container:before, .not-found .page-content:before, #mobile-navigation ul li:before, .page-heading.welcome .continue-user-lesson:before, .full-width .pu-portal-links:before, .not-found .page-content .pu-portal-links:before, .dynamic-search-results:before,
.lesson-list-container:before,
.recommended-lesson-conatiner:before, .posts-navigation:before, .pu-video-player:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-20:before, .tablet-grid-25:before, .tablet-grid-30:before, .tablet-grid-35:before, .pu-video-player .video-secondary:before, #secondary:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .posts-navigation .nav-previous:before,
.posts-navigation .nav-next:before, .pu-video-player .lesson-controls .lesson-status:before,
.pu-video-player .lesson-controls .lesson-next:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .single-lessons #primary:before, .pu-video-player .video-primary:before, .tablet-grid-70:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .pu-video-player.no-playlist .video-primary:before, .pu-video-player.no-playlist .lesson-controls .lesson-status:before, #secondary .lesson-list-container article:before, .tablet-grid-33:before, .full-width .pu-portal-links ul li:before, .not-found .page-content .pu-portal-links ul li:before, .dynamic-search-results article:before,
.lesson-list-container article:before,
.recommended-lesson-conatiner article:before, .footer-widgets .widget:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .page-heading.welcome .continue-user-lesson a .continue-thumbnail:before, .page-heading.welcome .continue-user-lesson a .continue-button:before, .grid-25:before, .grid-30:before, .grid-35:before, .pu-video-player .video-secondary:before, #secondary:before, .grid-40:before, .grid-45:before, .grid-50:before, .posts-navigation .nav-previous:before,
.posts-navigation .nav-next:before, .pu-video-player .lesson-controls .lesson-status:before,
.pu-video-player .lesson-controls .lesson-next:before, .grid-55:before, .grid-60:before, .page-heading.welcome .continue-user-lesson a .continue-title:before, .grid-65:before, .single-lessons #primary:before, .pu-video-player .video-primary:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .pu-video-player.no-playlist .video-primary:before, .pu-video-player.no-playlist .lesson-controls .lesson-status:before, #secondary .lesson-list-container article:before, .grid-33:before, .full-width .pu-portal-links ul li:before, .not-found .page-content .pu-portal-links ul li:before, .dynamic-search-results article:before,
.lesson-list-container article:before,
.recommended-lesson-conatiner article:before, .footer-widgets .widget:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.readability-container:after,
.not-found .page-content:after,
#mobile-navigation ul li:after,
.page-heading.welcome .continue-user-lesson:after,
.full-width .pu-portal-links:after,
.not-found .page-content .pu-portal-links:after,
.dynamic-search-results:after,
.lesson-list-container:after,
.recommended-lesson-conatiner:after,
.posts-navigation:after,
.pu-video-player:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.tablet-grid-5:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.tablet-grid-30:after,
.tablet-grid-35:after,
.pu-video-player .video-secondary:after,
#secondary:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after,
.pu-video-player .lesson-controls .lesson-status:after,
.pu-video-player .lesson-controls .lesson-next:after,
.tablet-grid-55:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.single-lessons #primary:after,
.pu-video-player .video-primary:after,
.tablet-grid-70:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after,
.tablet-grid-100:after,
.pu-video-player.no-playlist .video-primary:after,
.pu-video-player.no-playlist .lesson-controls .lesson-status:after,
#secondary .lesson-list-container article:after,
.tablet-grid-33:after,
.full-width .pu-portal-links ul li:after,
.not-found .page-content .pu-portal-links ul li:after,
.dynamic-search-results article:after,
.lesson-list-container article:after,
.recommended-lesson-conatiner article:after,
.footer-widgets .widget:after,
.tablet-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.page-heading.welcome .continue-user-lesson a .continue-thumbnail:after,
.page-heading.welcome .continue-user-lesson a .continue-button:after,
.grid-25:after,
.grid-30:after,
.grid-35:after,
.pu-video-player .video-secondary:after,
#secondary:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after,
.pu-video-player .lesson-controls .lesson-status:after,
.pu-video-player .lesson-controls .lesson-next:after,
.grid-55:after,
.grid-60:after,
.page-heading.welcome .continue-user-lesson a .continue-title:after,
.grid-65:after,
.single-lessons #primary:after,
.pu-video-player .video-primary:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.pu-video-player.no-playlist .video-primary:after,
.pu-video-player.no-playlist .lesson-controls .lesson-status:after,
#secondary .lesson-list-container article:after,
.grid-33:after,
.full-width .pu-portal-links ul li:after,
.not-found .page-content .pu-portal-links ul li:after,
.dynamic-search-results article:after,
.lesson-list-container article:after,
.recommended-lesson-conatiner article:after,
.footer-widgets .widget:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0; }
.grid-container:after,
.readability-container:after,
.not-found .page-content:after,
#mobile-navigation ul li:after,
.page-heading.welcome .continue-user-lesson:after,
.full-width .pu-portal-links:after,
.not-found .page-content .pu-portal-links:after,
.dynamic-search-results:after,
.lesson-list-container:after,
.recommended-lesson-conatiner:after,
.posts-navigation:after,
.pu-video-player:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after,
.tablet-grid-35:after,
.pu-video-player .video-secondary:after,
#secondary:after, .tablet-grid-40:after, .tablet-grid-45:after,
.tablet-grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after,
.pu-video-player .lesson-controls .lesson-status:after,
.pu-video-player .lesson-controls .lesson-next:after, .tablet-grid-55:after, .tablet-grid-60:after,
.tablet-grid-65:after,
.single-lessons #primary:after,
.pu-video-player .video-primary:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after,
.tablet-grid-100:after,
.pu-video-player.no-playlist .video-primary:after,
.pu-video-player.no-playlist .lesson-controls .lesson-status:after,
#secondary .lesson-list-container article:after,
.tablet-grid-33:after,
.full-width .pu-portal-links ul li:after,
.not-found .page-content .pu-portal-links ul li:after,
.dynamic-search-results article:after,
.lesson-list-container article:after,
.recommended-lesson-conatiner article:after,
.footer-widgets .widget:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after,
.grid-20:after,
.page-heading.welcome .continue-user-lesson a .continue-thumbnail:after,
.page-heading.welcome .continue-user-lesson a .continue-button:after, .grid-25:after, .grid-30:after,
.grid-35:after,
.pu-video-player .video-secondary:after,
#secondary:after, .grid-40:after, .grid-45:after,
.grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after,
.pu-video-player .lesson-controls .lesson-status:after,
.pu-video-player .lesson-controls .lesson-next:after, .grid-55:after,
.grid-60:after,
.page-heading.welcome .continue-user-lesson a .continue-title:after,
.grid-65:after,
.single-lessons #primary:after,
.pu-video-player .video-primary:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after,
.grid-100:after,
.pu-video-player.no-playlist .video-primary:after,
.pu-video-player.no-playlist .lesson-controls .lesson-status:after,
#secondary .lesson-list-container article:after,
.grid-33:after,
.full-width .pu-portal-links ul li:after,
.not-found .page-content .pu-portal-links ul li:after,
.dynamic-search-results article:after,
.lesson-list-container article:after,
.recommended-lesson-conatiner article:after,
.footer-widgets .widget:after, .grid-66:after, .grid-offset:after, .clearfix:after {
clear: both; }
.grid-container, .readability-container, .not-found .page-content, #mobile-navigation ul li, .page-heading.welcome .continue-user-lesson, .full-width .pu-portal-links, .not-found .page-content .pu-portal-links, .dynamic-search-results,
.lesson-list-container,
.recommended-lesson-conatiner, .posts-navigation, .pu-video-player, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .pu-video-player .video-secondary, #secondary, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .single-lessons #primary, .pu-video-player .video-primary, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .pu-video-player.no-playlist .video-primary, .pu-video-player.no-playlist .lesson-controls .lesson-status, #secondary .lesson-list-container article, .tablet-grid-33, .full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li, .dynamic-search-results article,
.lesson-list-container article,
.recommended-lesson-conatiner article, .footer-widgets .widget, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .page-heading.welcome .continue-user-lesson a .continue-thumbnail, .page-heading.welcome .continue-user-lesson a .continue-button, .grid-25, .grid-30, .grid-35, .pu-video-player .video-secondary, #secondary, .grid-40, .grid-45, .grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next, .grid-55, .grid-60, .page-heading.welcome .continue-user-lesson a .continue-title, .grid-65, .single-lessons #primary, .pu-video-player .video-primary, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .pu-video-player.no-playlist .video-primary, .pu-video-player.no-playlist .lesson-controls .lesson-status, #secondary .lesson-list-container article, .grid-33, .full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li, .dynamic-search-results article,
.lesson-list-container article,
.recommended-lesson-conatiner article, .footer-widgets .widget, .grid-66, .grid-offset, .clearfix {
/* */
*zoom: 1;
/* */ }
.grid-container, .readability-container, .not-found .page-content, #mobile-navigation ul li, .page-heading.welcome .continue-user-lesson, .full-width .pu-portal-links, .not-found .page-content .pu-portal-links, .dynamic-search-results,
.lesson-list-container,
.recommended-lesson-conatiner, .posts-navigation, .pu-video-player {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 20px;
padding-right: 20px; }
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .pu-video-player .video-secondary, #secondary, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .single-lessons #primary, .pu-video-player .video-primary, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .pu-video-player.no-playlist .video-primary, .pu-video-player.no-playlist .lesson-controls .lesson-status, #secondary .lesson-list-container article, .tablet-grid-33, .full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li, .dynamic-search-results article,
.lesson-list-container article,
.recommended-lesson-conatiner article, .footer-widgets .widget, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .page-heading.welcome .continue-user-lesson a .continue-thumbnail, .page-heading.welcome .continue-user-lesson a .continue-button, .grid-25, .grid-30, .grid-35, .pu-video-player .video-secondary, #secondary, .grid-40, .grid-45, .grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next, .grid-55, .grid-60, .page-heading.welcome .continue-user-lesson a .continue-title, .grid-65, .single-lessons #primary, .pu-video-player .video-primary, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .pu-video-player.no-playlist .video-primary, .pu-video-player.no-playlist .lesson-controls .lesson-status, #secondary .lesson-list-container article, .grid-33, .full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li, .dynamic-search-results article,
.lesson-list-container article,
.recommended-lesson-conatiner article, .footer-widgets .widget, .grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
/* */
*padding-left: 0;
*padding-right: 0;
/* */ }
.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .tablet-grid-5 > *, .tablet-grid-10 > *, .tablet-grid-15 > *, .tablet-grid-20 > *, .tablet-grid-25 > *, .tablet-grid-30 > *, .tablet-grid-35 > *, .pu-video-player .video-secondary > *, #secondary > *, .tablet-grid-40 > *, .tablet-grid-45 > *, .tablet-grid-50 > *, .posts-navigation .nav-previous > *,
.posts-navigation .nav-next > *, .pu-video-player .lesson-controls .lesson-status > *,
.pu-video-player .lesson-controls .lesson-next > *, .tablet-grid-55 > *, .tablet-grid-60 > *, .tablet-grid-65 > *, .single-lessons #primary > *, .pu-video-player .video-primary > *, .tablet-grid-70 > *, .tablet-grid-75 > *, .tablet-grid-80 > *, .tablet-grid-85 > *, .tablet-grid-90 > *, .tablet-grid-95 > *, .tablet-grid-100 > *, .pu-video-player.no-playlist .video-primary > *, .pu-video-player.no-playlist .lesson-controls .lesson-status > *, #secondary .lesson-list-container article > *, .tablet-grid-33 > *, .full-width .pu-portal-links ul li > *, .not-found .page-content .pu-portal-links ul li > *, .dynamic-search-results article > *,
.lesson-list-container article > *,
.recommended-lesson-conatiner article > *, .footer-widgets .widget > *, .tablet-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .page-heading.welcome .continue-user-lesson a .continue-thumbnail > *, .page-heading.welcome .continue-user-lesson a .continue-button > *, .grid-25 > *, .grid-30 > *, .grid-35 > *, .pu-video-player .video-secondary > *, #secondary > *, .grid-40 > *, .grid-45 > *, .grid-50 > *, .posts-navigation .nav-previous > *,
.posts-navigation .nav-next > *, .pu-video-player .lesson-controls .lesson-status > *,
.pu-video-player .lesson-controls .lesson-next > *, .grid-55 > *, .grid-60 > *, .page-heading.welcome .continue-user-lesson a .continue-title > *, .grid-65 > *, .single-lessons #primary > *, .pu-video-player .video-primary > *, .grid-70 > *, .grid-75 > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .pu-video-player.no-playlist .video-primary > *, .pu-video-player.no-playlist .lesson-controls .lesson-status > *, #secondary .lesson-list-container article > *, .grid-33 > *, .full-width .pu-portal-links ul li > *, .not-found .page-content .pu-portal-links ul li > *, .dynamic-search-results article > *,
.lesson-list-container article > *,
.recommended-lesson-conatiner article > *, .footer-widgets .widget > *, .grid-66 > * {
/* */
*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
/* */ }
.grid-parent, .readability-container, .not-found .page-content, #mobile-navigation ul li, .page-heading.welcome .continue-user-lesson a .continue-thumbnail, .dynamic-search-results,
.lesson-list-container,
.recommended-lesson-conatiner, .posts-navigation, .single-lessons #primary .main-article, .pu-video-player, .pu-video-player.no-playlist .video-primary, .pu-video-player.no-playlist .lesson-controls .lesson-status, .pu-video-player .video-primary, .pu-video-player .video-secondary, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next, #secondary .lesson-list-container article {
padding-left: 0;
padding-right: 0; }
.grid-offset {
clear: both;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative; }
.hide-on-mobile, .announcement-banner {
display: none !important; }
.mobile-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-5 {
margin-left: 5%; }
.mobile-suffix-5 {
margin-right: 5%; }
.mobile-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-10 {
margin-left: 10%; }
.mobile-suffix-10 {
margin-right: 10%; }
.mobile-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-15 {
margin-left: 15%; }
.mobile-suffix-15 {
margin-right: 15%; }
.mobile-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-20 {
margin-left: 20%; }
.mobile-suffix-20 {
margin-right: 20%; }
.mobile-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-25 {
margin-left: 25%; }
.mobile-suffix-25 {
margin-right: 25%; }
.mobile-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-30 {
margin-left: 30%; }
.mobile-suffix-30 {
margin-right: 30%; }
.mobile-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-35 {
margin-left: 35%; }
.mobile-suffix-35 {
margin-right: 35%; }
.mobile-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-40 {
margin-left: 40%; }
.mobile-suffix-40 {
margin-right: 40%; }
.mobile-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-45 {
margin-left: 45%; }
.mobile-suffix-45 {
margin-right: 45%; }
.mobile-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-50 {
margin-left: 50%; }
.mobile-suffix-50 {
margin-right: 50%; }
.mobile-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-55 {
margin-left: 55%; }
.mobile-suffix-55 {
margin-right: 55%; }
.mobile-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-60 {
margin-left: 60%; }
.mobile-suffix-60 {
margin-right: 60%; }
.mobile-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-65 {
margin-left: 65%; }
.mobile-suffix-65 {
margin-right: 65%; }
.mobile-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-70 {
margin-left: 70%; }
.mobile-suffix-70 {
margin-right: 70%; }
.mobile-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-75 {
margin-left: 75%; }
.mobile-suffix-75 {
margin-right: 75%; }
.mobile-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-80 {
margin-left: 80%; }
.mobile-suffix-80 {
margin-right: 80%; }
.mobile-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-85 {
margin-left: 85%; }
.mobile-suffix-85 {
margin-right: 85%; }
.mobile-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-90 {
margin-left: 90%; }
.mobile-suffix-90 {
margin-right: 90%; }
.mobile-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-95 {
margin-left: 95%; }
.mobile-suffix-95 {
margin-right: 95%; }
.mobile-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-33 {
margin-left: 33.33333%; }
.mobile-suffix-33 {
margin-right: 33.33333%; }
.mobile-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-66 {
margin-left: 66.66667%; }
.mobile-suffix-66 {
margin-right: 66.66667%; }
.mobile-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-100 {
clear: both;
width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative; }
.hide-on-tablet {
display: none !important; }
.tablet-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-5 {
margin-left: 5%; }
.tablet-suffix-5 {
margin-right: 5%; }
.tablet-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-10 {
margin-left: 10%; }
.tablet-suffix-10 {
margin-right: 10%; }
.tablet-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-15 {
margin-left: 15%; }
.tablet-suffix-15 {
margin-right: 15%; }
.tablet-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-20 {
margin-left: 20%; }
.tablet-suffix-20 {
margin-right: 20%; }
.tablet-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-25 {
margin-left: 25%; }
.tablet-suffix-25 {
margin-right: 25%; }
.tablet-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-30 {
margin-left: 30%; }
.tablet-suffix-30 {
margin-right: 30%; }
.tablet-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-35, .pu-video-player .video-secondary, #secondary {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-35 {
margin-left: 35%; }
.tablet-suffix-35 {
margin-right: 35%; }
.tablet-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-40 {
margin-left: 40%; }
.tablet-suffix-40 {
margin-right: 40%; }
.tablet-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-45 {
margin-left: 45%; }
.tablet-suffix-45 {
margin-right: 45%; }
.tablet-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-50 {
margin-left: 50%; }
.tablet-suffix-50 {
margin-right: 50%; }
.tablet-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-55 {
margin-left: 55%; }
.tablet-suffix-55 {
margin-right: 55%; }
.tablet-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-60 {
margin-left: 60%; }
.tablet-suffix-60 {
margin-right: 60%; }
.tablet-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-65, .single-lessons #primary, .pu-video-player .video-primary {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-65 {
margin-left: 65%; }
.tablet-suffix-65 {
margin-right: 65%; }
.tablet-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-70 {
margin-left: 70%; }
.tablet-suffix-70 {
margin-right: 70%; }
.tablet-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-75 {
margin-left: 75%; }
.tablet-suffix-75 {
margin-right: 75%; }
.tablet-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-80 {
margin-left: 80%; }
.tablet-suffix-80 {
margin-right: 80%; }
.tablet-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-85 {
margin-left: 85%; }
.tablet-suffix-85 {
margin-right: 85%; }
.tablet-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-90 {
margin-left: 90%; }
.tablet-suffix-90 {
margin-right: 90%; }
.tablet-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-95 {
margin-left: 95%; }
.tablet-suffix-95 {
margin-right: 95%; }
.tablet-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-33, .full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li, .dynamic-search-results article,
.lesson-list-container article,
.recommended-lesson-conatiner article, .footer-widgets .widget {
float: left;
width: 33.30%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-33 {
margin-left: 33.33333%; }
.tablet-suffix-33 {
margin-right: 33.33333%; }
.tablet-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-66 {
margin-left: 66.66667%; }
.tablet-suffix-66 {
margin-right: 66.66667%; }
.tablet-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-100, .pu-video-player.no-playlist .video-primary, .pu-video-player.no-playlist .lesson-controls .lesson-status, #secondary .lesson-list-container article {
clear: both;
width: 100%; } }
@media (min-width: 1025px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative; }
.hide-on-desktop {
display: none !important; }
.grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-5 {
margin-left: 5%; }
.suffix-5 {
margin-right: 5%; }
.push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-10 {
margin-left: 10%; }
.suffix-10 {
margin-right: 10%; }
.push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-15 {
margin-left: 15%; }
.suffix-15 {
margin-right: 15%; }
.push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-20, .page-heading.welcome .continue-user-lesson a .continue-thumbnail, .page-heading.welcome .continue-user-lesson a .continue-button {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-20 {
margin-left: 20%; }
.suffix-20 {
margin-right: 20%; }
.push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-25 {
margin-left: 25%; }
.suffix-25 {
margin-right: 25%; }
.push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-30 {
margin-left: 30%; }
.suffix-30 {
margin-right: 30%; }
.push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-35, .pu-video-player .video-secondary, #secondary {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-35 {
margin-left: 35%; }
.suffix-35 {
margin-right: 35%; }
.push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-40 {
margin-left: 40%; }
.suffix-40 {
margin-right: 40%; }
.push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-45 {
margin-left: 45%; }
.suffix-45 {
margin-right: 45%; }
.push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .go-back-to-lesson {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.posts-navigation .nav-next, .pu-video-player .lesson-controls .go-back-to-lesson,
.posts-navigation .nav-next, .pu-video-player .lesson-controls .lesson-status,
.pu-video-player .lesson-controls .lesson-next {
width: 33.33%;
display: inline-block;
}
.prefix-50 {
margin-left: 50%; }
.suffix-50 {
margin-right: 50%; }
.push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-55 {
margin-left: 55%; }
.suffix-55 {
margin-right: 55%; }
.push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-60, .page-heading.welcome .continue-user-lesson a .continue-title {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-60 {
margin-left: 60%; }
.suffix-60 {
margin-right: 60%; }
.push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-65, .single-lessons #primary, .pu-video-player .video-primary {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-65 {
margin-left: 65%; }
.suffix-65 {
margin-right: 65%; }
.push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-70 {
margin-left: 70%; }
.suffix-70 {
margin-right: 70%; }
.push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-75 {
margin-left: 75%; }
.suffix-75 {
margin-right: 75%; }
.push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-80 {
margin-left: 80%; }
.suffix-80 {
margin-right: 80%; }
.push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-85 {
margin-left: 85%; }
.suffix-85 {
margin-right: 85%; }
.push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-90 {
margin-left: 90%; }
.suffix-90 {
margin-right: 90%; }
.push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-95 {
margin-left: 95%; }
.suffix-95 {
margin-right: 95%; }
.push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-33, .full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li, .dynamic-search-results article,
.lesson-list-container article,
.recommended-lesson-conatiner article, .footer-widgets .widget {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-33 {
margin-left: 33.33333%; }
.suffix-33 {
margin-right: 33.33333%; }
.push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-66 {
margin-left: 66.66667%; }
.suffix-66 {
margin-right: 66.66667%; }
.push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-100, .pu-video-player.no-playlist .video-primary, .pu-video-player.no-playlist .lesson-controls .lesson-status, #secondary .lesson-list-container article {
clear: both;
width: 100%; } }
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
/*font-family: "Frank Ruhl Libre", sans-serif;*/
/*font-family: 'Raleway', sans-serif;*/
font-family: 'Libre Franklin', sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 30px;
color: #434343;
background-color: #f0f0f0; }
a,
a:link,
a:visited {
color: #ddb016;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
transition: all 0.1s ease-in-out; }
a:hover,
a:link:hover,
a:visited:hover {
text-decoration: underline; }
p {
margin: 0 0 1.2rem 0; }
img {
max-width: 100%;
height: auto;
display: block; }
.alignleft {
max-width: 60%;
float: left;
margin-right: 1rem;
margin-bottom: 0.7rem; }
@media (max-width: 728px) {
.alignleft {
max-width: 100%;
float: none;
margin: 0; } }
.alignright {
max-width: 60%;
float: right;
margin-left: 1rem;
margin-bottom: 0.7rem; }
@media (max-width: 728px) {
.alignright {
max-width: 100%;
float: none;
margin: 0; } }
.aligncenter {
margin: 0 auto; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
margin-top: 0px;
}
h1,
h2 {
font-size: 3.5rem;
line-height: 3.9rem; }
h1 .fa,
h2 .fa {
position: relative;
top: 2px;
margin-left: 5px; }
h3 {
font-size: 1.5rem;
line-height: 1.8rem;
margin-top: 0;
margin-bottom: 2rem; }
.readability-container, .not-found .page-content {
max-width: 800px; }
.button,
button,
input[type="submit"] {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #ddb016;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none; }
.button:hover, .button:active,
button:hover,
button:active,
input[type="submit"]:hover,
input[type="submit"]:active {
text-decoration: none !important;
outline: none;
background-color: #c38429; }
@media (max-width: 500px) {
.button,
button,
input[type="submit"] {
width: 100%;
margin-bottom: 0.8rem; }
#clear_filter{
width: 100%;
margin:20px 0px 0.8rem 0px !important;
}
#pu-dynamic-search input[type="search"]{
width: 100%!important;
}
}
.button .fa,
button .fa,
input[type="submit"] .fa {
margin-right: 12px; }
#pu-dynamic-search .button, #pu-dynamic-search
button, #pu-dynamic-search
input[type="submit"] {
padding: 22px 40px; }
.button.disabled,
button.disabled,
input[type="submit"].disabled {
color: rgba(255, 255, 255, 0.35);
cursor: not-allowed; }
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea {
background-color: white;
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
font-size: 1.2rem;
line-height: 1.4rem;
padding: 10px;
border: 0;
border-radius: 0;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none; }
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
outline: none; }
#pu-dynamic-search input[type="text"], #pu-dynamic-search
input[type="tel"], #pu-dynamic-search
input[type="url"], #pu-dynamic-search
input[type="email"], #pu-dynamic-search
input[type="password"], #pu-dynamic-search
input[type="search"], #pu-dynamic-search
select, #pu-dynamic-search
textarea {
font-size: 1.2rem;
line-height: 1.5rem;
padding: 20px; }
select {
cursor: pointer; }
.select-wrap {
position: relative;
display: block; }
.select-wrap:after {
content: '\f078';
font-family: 'fontAwesome';
font-size: 1.2rem;
position: absolute;
color: #f0f0f0;
top: 18%;
right: 18px; }
#pu-dynamic-search .select-wrap:after {
top: 28%;
right: 25px; }
.select-wrap select {
padding-right: 35px; }
/*--------------------------------------------------------------
# Checkboxes
--------------------------------------------------------------*/
.dynamic-search-form {
/* Base for label styling */
/* checkbox aspect */
/* checked mark aspect */
/* checked mark aspect changes */
/* disabled checkbox */
/* accessibility */
/* hover style just for information */ }
.dynamic-search-form [type="checkbox"]:not(:checked),
.dynamic-search-form [type="checkbox"]:checked {
position: absolute;
left: -9999px; }
.dynamic-search-form [type="checkbox"]:not(:checked) + label,
.dynamic-search-form [type="checkbox"]:checked + label {
position: relative;
padding-top: 0.2em;
padding-left: 1.95em;
cursor: pointer; }
.dynamic-search-form [type="checkbox"]:not(:checked) + label:before,
.dynamic-search-form [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1.35em;
height: 1.35em;
border: 2px solid #e3e3e3;
background: white;
border-radius: 0; }
.dynamic-search-form [type="checkbox"]:not(:checked) + label:after,
.dynamic-search-form [type="checkbox"]:checked + label:after {
content: '\f00c';
font-family: 'fontAwesome';
position: absolute;
top: .3em;
left: .2em;
font-size: 1.1em;
line-height: 0.8;
color: #ddb016;
transition: all .2s; }
.dynamic-search-form [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0); }
.dynamic-search-form [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1); }
.dynamic-search-form [type="checkbox"]:disabled:not(:checked) + label:before,
.dynamic-search-form [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #f0f0f0;
background-color: white; }
.dynamic-search-form [type="checkbox"]:disabled:checked + label:after {
color: #f0f0f0; }
.dynamic-search-form [type="checkbox"]:disabled + label {
color: #f0f0f0; }
.dynamic-search-form [type="checkbox"]:checked:focus + label:before,
.dynamic-search-form [type="checkbox"]:not(:checked):focus + label:before {
border: 2px dotted #ddb016; }
.dynamic-search-form label:hover:before {
border: 2px solid #ddb016 !important; }
/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/
@media print {
#masthead,
#colophon,
.footer-widgets,
.page-heading {
display: none; } }
/*--------------------------------------------------------------
# WordPress
--------------------------------------------------------------*/
#masthead {
background-color: #434343; }
#masthead ul {
margin: 0;
padding: 0;
list-style: none;
z-index: 9;
}
#masthead ul li {
margin: 0;
padding: 0;
display: inline-block; }
@media (max-width: 1028px) {
#masthead ul li {
display: none; } }
#masthead ul li.mobile-nav-toggle-container {
display: none; }
#masthead ul li a {
color: #a0a0a0;
font-size: 1.2rem;
display: inline-block;
padding: 30px 20px;
border-right: 1px solid #606060;
font-family: 'Poppins', sans-serif !important;
}
#masthead ul li a:hover {
color: #ddb016;
text-decoration: none; }
#masthead .site-branding .site-title {
float: left;
margin: 0;
padding: 0; }
#masthead .site-branding .site-title a {
display: inline-block;
width: 140px;
height: 75px;
margin: 7px 0;
text-indent: -9999em;
background-image: url("img/logo-new.png");
background-position: center center;
background-size: contain;
background-repeat: no-repeat; }
#masthead .main-navigation {
float: left; }
#masthead .main-navigation ul li {
/* &:nth-child(2) {
a {
border-right: 1px solid $tertiary-color;
}
} */ }
#masthead .member-nav {
float: right; }
@media (max-width: 1028px) {
#masthead .member-nav {
margin-top: -10px; } }
#masthead .member-nav ul li.mobile-nav-toggle {
display: none; }
#masthead .member-nav ul li.mobile-nav-toggle a {
font-size: 1.4rem; }
@media (max-width: 1028px) {
#masthead .member-nav ul li.mobile-nav-toggle {
display: inline-block; } }
@media (max-width: 1028px) {
#masthead .member-nav ul li.member-welcome {
display: inline-block; }
#masthead .member-nav ul li.member-welcome a img {
float: left;
margin: 0 0 -35px 0;
padding: 0; } }
#masthead .member-nav ul li a {
font-size: 1rem; }
#masthead .member-nav ul li a img {
float: right;
max-width: 40px;
margin-top: -10px;
margin-left: 15px;
border-radius: 50%; }
@media (max-width: 1028px) {
#masthead .member-nav ul li a {
display: inline-block; }
#masthead .member-nav ul li a .welcome-name {
display: none; } }
#mobile-navigation {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
color: #f0f0f0;
background-color: #606060;
position: fixed;
top: 0px;
right: -100%;
width: 30%;
height: 100%;
overflow-y: auto;
z-index: 500; }
@media (max-width: 728px) {
#mobile-navigation {
width: 50%; } }
@media (max-width: 500px) {
#mobile-navigation {
width: 70%; } }
#mobile-navigation.revealed-nav {
right: 0px; }
#mobile-navigation ul {
list-style: none;
margin: 0;
padding: 0; }
#mobile-navigation ul li {
margin: 0;
padding: 0;
/* border-bottom: 1px solid #7a7979;*/
}
#mobile-navigation ul li.menu-item a{
border-bottom: 1px solid #7a7979;
}
#mobile-navigation ul li a {
display: inline-block;
padding: 15px;
width: 100%;
color: #f0f0f0; }
#mobile-navigation ul li a:hover {
text-decoration: none; }
#mobile-navigation ul li a.mobile-nav-toggle {
float: right;
padding: 35px;
width: auto; }
.announcement-banner {
color: #434343;
background-color: #e3e3e3;
text-align: center; }
.announcement-banner a {
color: #434343; }
.announcement-banner a:hover {
text-decoration: none;
color: #ddb016; }
.announcement-banner a .fa {
margin-right: 7px; }
.announcement-banner a.button {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #cacaca;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
margin-left: 15px;
padding: 7px 10px; }
.announcement-banner a.button:hover, .announcement-banner a.button:active {
text-decoration: none !important;
outline: none;
background-color: #b0b0b0; }
@media (max-width: 500px) {
.announcement-banner a.button {
width: 100%;
margin-bottom: 0.8rem; } }
.announcement-banner a.button .fa {
margin-right: 12px; }
#pu-dynamic-search .announcement-banner a.button {
padding: 22px 40px; }
.announcement-banner a.button .fa {
margin: 0; }
.page-heading {
background-color: white;
padding: 3.3rem 0;
text-align: center; }
.single-lessons .page-heading {
margin-bottom: 3rem; }
.page-heading.welcome {
text-align: left; background-size: cover; background-position: center 40%; background-repeat: no-repeat; background-image: url(https://www.thevru.com/membership/wp-content/uploads/sites/2/2018/07/1531174563_21345600.jpg); }
.page-heading.welcome h1 {
margin-bottom: 2.7rem; }
.page-heading.welcome .welcome-video-embed {
box-shadow: 0px 1px 35px rgba(96, 96, 96, 0.5); }
.page-heading.welcome .welcome-content .continue {
display: block;
margin-bottom: 1.5rem; }
.page-heading.welcome .welcome-content h1 {
text-align: left;
margin-bottom: 2rem; }
.page-heading.welcome .welcome-content h1 a {
color: #434343; }
.page-heading.welcome .welcome-content h1 a:hover {
color: #ddb016;
text-decoration: none; }
.page-heading.welcome article {
/* .entry-footer {
display: none;
} */ }
.page-heading.welcome article h2 {
margin-bottom: 1rem; }
.page-heading.welcome .continue-user-lesson a {
display: inline-block;
width: 100%;
color: #f0f0f0;
background-color: #606060;
box-shadow: 0px 1px 35px rgba(96, 96, 96, 0.5);
margin-top: 2.5rem; }
.page-heading.welcome .continue-user-lesson a:hover {
background-color: #474646;
text-decoration: none; }
@media (max-width: 1028px) {
.page-heading.welcome .continue-user-lesson a {
text-align: center; } }
.page-heading.welcome .continue-user-lesson a .continue-thumbnail {
overflow: hidden; }
@media (max-width: 1028px) {
.page-heading.welcome .continue-user-lesson a .continue-thumbnail {
display: none; } }
.page-heading.welcome .continue-user-lesson a .continue-thumbnail img {
width: 100%; }
@media (min-width: 1028px) {
.page-heading.welcome .continue-user-lesson a .continue-title {
margin-top: 1.5rem; } }
.page-heading.welcome .continue-user-lesson a .continue-title .intro {
font-size: 0.9rem;
text-transform: uppercase;
display: block;
color: #a0a0a0; }
.page-heading.welcome .continue-user-lesson a .continue-title .title {
font-size: 1.8rem;
line-height: 2.2rem;
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
@media (max-width: 1028px) {
.page-heading.welcome .continue-user-lesson a .continue-title .title {
padding: 0 1rem; } }
@media (min-width: 1028px) {
.page-heading.welcome .continue-user-lesson a .continue-button {
margin-top: 2.2rem; } }
.page-heading.welcome .continue-user-lesson a .continue-button .button {
width: 100%;
margin-top: 0; }
@media (max-width: 1028px) {
.page-heading.welcome .continue-user-lesson a .continue-button .button {
width: auto; } }
.page-heading h1 {
text-align: center; }
.page-heading .meta {
color: #adacac;
font-style: italic;
text-align: center; }
.page-heading p:last-child {
margin-bottom: 0; }
.page-heading * > :last-child {
margin-bottom: 0; }
.home #pu-dynamic-search {
border-bottom: 2px dashed #f0f0f0; }
.full-width, .not-found .page-content {
padding: 4rem 0; }
.full-width.portal-links-container, .not-found .portal-links-container.page-content {
background-color: white; }
.full-width.dynamic-search .dynamic-search-form, .not-found .dynamic-search.page-content .dynamic-search-form {
margin-bottom: 2rem; }
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container, .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container {
position: relative; }
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container:before, .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container:before {
content: '\f002';
font-family: 'fontAwesome';
font-size: 1.5rem;
position: absolute;
color: #cacaca;
top: 18px;
left: 20px; }
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="search"], .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="search"] {
padding-left: 55px !important; }
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="submit"], .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"] {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #606060;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
position: absolute;
top: 0px;
right: 0px;
width: auto !important;
margin: 0;
padding: 20px 30px !important; }
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="submit"]:hover, .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"]:hover, .full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="submit"]:active, .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"]:active {
text-decoration: none !important;
outline: none;
background-color: #474646; }
@media (max-width: 500px) {
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="submit"], .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"] {
width: 100%;
margin-bottom: 0.8rem; } }
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="submit"] .fa, .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"] .fa {
margin-right: 12px; }
#pu-dynamic-search .full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="submit"], #pu-dynamic-search .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"], .not-found #pu-dynamic-search .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"] {
padding: 22px 40px; }
@media (max-width: 500px) {
.full-width.dynamic-search .dynamic-search-form .dynamic-search-input-container input[type="submit"], .not-found .dynamic-search.page-content .dynamic-search-form .dynamic-search-input-container input[type="submit"] {
display: none; } }
.full-width.dynamic-search .dynamic-search-form .checkbox-container, .not-found .dynamic-search.page-content .dynamic-search-form .checkbox-container {
padding-top: 1.1rem; }
.full-width.dynamic-search .dynamic-search-form .checkbox-container label, .not-found .dynamic-search.page-content .dynamic-search-form .checkbox-container label {
font-size: 1rem; }
@media (max-width: 500px) {
.full-width.dynamic-search .dynamic-search-form .checkbox-container, .not-found .dynamic-search.page-content .dynamic-search-form .checkbox-container {
padding-top: 0; } }
.full-width .pu-portal-links, .not-found .page-content .pu-portal-links {
/* &:before {
@extend h2;
content: 'Get the Most Out of Your Membership';
visibility: visible;
width: auto;
height: auto;
text-align: center;
margin-bottom: 4rem;
} */ }
.full-width .pu-portal-links h2, .not-found .page-content .pu-portal-links h2 {
text-align: center;
margin-bottom: 3.7rem; }
.full-width .pu-portal-links ul, .not-found .page-content .pu-portal-links ul {
margin: 0;
padding: 0;
list-style: none; }
.full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li {
display: inline;
margin-bottom: 2.5rem; }
.full-width .pu-portal-links ul li a, .not-found .page-content .pu-portal-links ul li a {
display: inline-block;
color: #606060;
background-color: #f0f0f0;
width: 100%;
text-align: center;
padding: 45px 0;
font-size: 1.5rem;
line-height: 1.7rem;
font-family: 'Poppins', sans-serif !important;
}
.full-width .pu-portal-links ul li a:hover, .not-found .page-content .pu-portal-links ul li a:hover {
text-decoration: none;
color: white;
background-color: #ddb016; }
.full-width .pu-portal-links ul li a .fa, .not-found .page-content .pu-portal-links ul li a .fa {
display: block;
margin-bottom: 2rem;
font-size: 5.5rem; }
.dynamic-search-results .loading-posts,
.lesson-list-container .loading-posts,
.recommended-lesson-conatiner .loading-posts {
text-align: center;
color: #f0f0f0; }
.dynamic-search-results article,
.lesson-list-container article,
.recommended-lesson-conatiner article {
float: none;
display: inline-block;
vertical-align: top;
margin-right: -4px;
margin-bottom: 2rem; }
.dynamic-search-results article.status-future .lesson-container,
.lesson-list-container article.status-future .lesson-container,
.recommended-lesson-conatiner article.status-future .lesson-container {
position: relative; }
.dynamic-search-results article.status-future .lesson-container:before,
.lesson-list-container article.status-future .lesson-container:before,
.recommended-lesson-conatiner article.status-future .lesson-container:before {
content: 'Coming Soon!';
background-color: white;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
border-radius: 50%;
padding: 20px 5px;
display: block;
width: 65px;
font-size: 0.8rem;
line-height: 1rem;
text-align: center;
position: absolute;
top: -15px;
left: -15px;
z-index: 500; }
.dynamic-search-results article.status-future .lesson-container .entry-thumbnail img,
.lesson-list-container article.status-future .lesson-container .entry-thumbnail img,
.recommended-lesson-conatiner article.status-future .lesson-container .entry-thumbnail img {
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(1);
/* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(1);
/* Microsoft Edge and Firefox 35+ */ }
.dynamic-search-results article .lesson-container,
.lesson-list-container article .lesson-container,
.recommended-lesson-conatiner article .lesson-container {
background-color: white;
box-shadow: 0px 1px 50px rgba(96, 96, 96, 0.2); }
.dynamic-search-results article .lesson-container .entry-thumbnail,
.lesson-list-container article .lesson-container .entry-thumbnail,
.recommended-lesson-conatiner article .lesson-container .entry-thumbnail {
position: relative; }
.dynamic-search-results article .lesson-container .entry-thumbnail .fa-check-circle,
.lesson-list-container article .lesson-container .entry-thumbnail .fa-check-circle,
.recommended-lesson-conatiner article .lesson-container .entry-thumbnail .fa-check-circle {
position: absolute;
bottom: 10px;
left: 10px;
color: white;
text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.3); }
.dynamic-search-results article .lesson-container .entry-thumbnail .plu-toggle-bookmark,
.lesson-list-container article .lesson-container .entry-thumbnail .plu-toggle-bookmark,
.recommended-lesson-conatiner article .lesson-container .entry-thumbnail .plu-toggle-bookmark {
position: absolute;
display: inline-block;
top: 10px;
right: 10px;
color: white; }
.dynamic-search-results article .lesson-container .entry-thumbnail .plu-toggle-bookmark .fa,
.lesson-list-container article .lesson-container .entry-thumbnail .plu-toggle-bookmark .fa,
.recommended-lesson-conatiner article .lesson-container .entry-thumbnail .plu-toggle-bookmark .fa {
text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.3); }
.dynamic-search-results article .lesson-container .entry-thumbnail img,
.lesson-list-container article .lesson-container .entry-thumbnail img,
.recommended-lesson-conatiner article .lesson-container .entry-thumbnail img {
display: block; }
.dynamic-search-results article .lesson-container .lesson-body,
.lesson-list-container article .lesson-container .lesson-body,
.recommended-lesson-conatiner article .lesson-container .lesson-body {
padding: 25px; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a {
display: inline-block;
color: #d7d6d6;
text-transform: uppercase;
margin-bottom: 1rem;
letter-spacing: 2px; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a:hover,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a:hover,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a:hover {
text-decoration: none;
color: #ddb016; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a:before,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a:before,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a:before {
content: '\f19d';
font-family: 'fontAwesome';
margin-right: 7px;
font-size: 1rem; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a[href*="backstage-pass"]:before,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a[href*="backstage-pass"]:before,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a[href*="backstage-pass"]:before {
content: '\f145'; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a[href*="bonus-item"]:before,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a[href*="bonus-item"]:before,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a[href*="bonus-item"]:before {
content: '\f005'; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a[href*="how-to"]:before,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a[href*="how-to"]:before,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a[href*="how-to"]:before {
content: '\f1cd'; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a[href*="live-qa"]:before,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a[href*="live-qa"]:before,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a[href*="live-qa"]:before {
content: '\f059'; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a[href*="live-qa"]:before,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a[href*="live-qa"]:before,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a[href*="live-qa"]:before {
content: '\f059'; }
.dynamic-search-results article .lesson-container .lesson-body .entry-meta a[href*="member-makeover"]:before,
.lesson-list-container article .lesson-container .lesson-body .entry-meta a[href*="member-makeover"]:before,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-meta a[href*="member-makeover"]:before {
content: '\f007'; }
.dynamic-search-results article .lesson-container .lesson-body .entry-header h2,
.lesson-list-container article .lesson-container .lesson-body .entry-header h2,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-header h2 {
font-size: 1.6rem;
line-height: 2.2rem;
margin-bottom: 0.7rem; }
.dynamic-search-results article .lesson-container .lesson-body .entry-header h2 a,
.lesson-list-container article .lesson-container .lesson-body .entry-header h2 a,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-header h2 a {
display: inline-block;
color: #606060; }
.dynamic-search-results article .lesson-container .lesson-body .entry-header h2 a:hover,
.lesson-list-container article .lesson-container .lesson-body .entry-header h2 a:hover,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-header h2 a:hover {
text-decoration: none;
color: #ddb016; }
.dynamic-search-results article .lesson-container .lesson-body .entry-footer a,
.lesson-list-container article .lesson-container .lesson-body .entry-footer a,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-footer a {
display: inline-block;
font-size: 0.9rem;
line-height: 1.3rem;
margin-top: 0.7rem;
margin-right: 10px;
padding: 5px 12px;
color: #cacaca;
border: 1px solid #cacaca; }
.dynamic-search-results article .lesson-container .lesson-body .entry-footer a:hover,
.lesson-list-container article .lesson-container .lesson-body .entry-footer a:hover,
.recommended-lesson-conatiner article .lesson-container .lesson-body .entry-footer a:hover {
text-decoration: none;
color: white;
background-color: #cacaca; }
.lesson-list-container {
padding-top: 0; }
.user-checklist {
list-style: none;
margin: 0 0 0 2rem;
padding: 0 0 0 3.9rem;
border-left: 2px solid #cacaca; }
.user-checklist li {
margin: 0 0 1.5rem 0;
padding: 0; }
.user-checklist li .user-checkbox {
display: inline-block;
line-height: 1.9rem;
margin-left: -5.5rem;
margin-right: 0.5rem;
padding: 7px;
background-color: #f0f0f0;
border: 2px solid #cacaca;
border-radius: 50%;
cursor: pointer; }
.user-checklist li .user-checkbox:hover {
background-color: #e3e3e3; }
.user-checklist li .user-checkbox .fa {
visibility: hidden;
width: 30px;
text-align: center; }
.user-checklist li .user-checkbox.completed {
color: white;
background-color: #ddb016;
border-color: #ddb016; }
.user-checklist li .user-checkbox.completed:hover {
background-color: #ddb016; }
.user-checklist li .user-checkbox.completed .fa {
visibility: visible; }
.entry-meta {
color: #bdbdbd;
font-size: 0.9rem; }
.load-more {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #d7d6d6;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
width: 100%;
margin-bottom: 4rem; }
.load-more:hover, .load-more:active {
text-decoration: none !important;
outline: none;
background-color: #bdbdbd; }
@media (max-width: 500px) {
.load-more {
width: 100%;
margin-bottom: 0.8rem; } }
.load-more .fa {
margin-right: 12px; }
#pu-dynamic-search .load-more {
padding: 22px 40px; }
.home .load-more {
display: none; }
.posts-navigation {
margin-bottom: 4rem; }
.posts-navigation h2 {
display: none; }
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #d7d6d6;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
width: 100%; }
.posts-navigation .nav-previous a:hover, .posts-navigation .nav-previous a:active,
.posts-navigation .nav-next a:hover,
.posts-navigation .nav-next a:active {
text-decoration: none !important;
outline: none;
background-color: #bdbdbd; }
@media (max-width: 500px) {
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
width: 100%;
margin-bottom: 0.8rem; } }
.posts-navigation .nav-previous a .fa,
.posts-navigation .nav-next a .fa {
margin-right: 12px; }
#pu-dynamic-search .posts-navigation .nav-previous a, #pu-dynamic-search
.posts-navigation .nav-next a {
padding: 22px 40px; }
.lesson-download.button {
width: 100%; }
.archive #pu-dynamic-search {
padding-bottom: 0; }
.archive .dynamic-search-results,
.archive .load-more-container {
display: none; }
.post-type-archive-announcements h2,
.post-type-archive-bonus-material h2 {
font-size: 2rem;
line-height: 2.4rem; }
.post-type-archive-announcements h2 a,
.post-type-archive-bonus-material h2 a {
color: #606060; }
.post-type-archive-announcements h2 a:hover,
.post-type-archive-bonus-material h2 a:hover {
color: #ddb016;
text-decoration: none; }
.post-type-archive-bonus-material .entry-thumbnail {
margin-bottom: 1rem; }
.post-type-archive-bonus-material .entry-header h2 {
font-size: 1.8rem;
line-height: 2.2rem; }
.not-found h1 {
margin: 0; }
.not-found .page-content {
text-align: center; }
.not-found .page-content p:last-child {
margin-bottom: 0; }
.footer-widgets {
background-color: #f0f0f0;
padding: 3.3rem 0; }
.footer-widgets .widget {
margin-bottom: 1rem; }
.footer-widgets .widget ul {
list-style: none;
margin: 0;
padding: 0; }
.footer-widgets .widget ul li {
margin: 0;
padding: 0; }
.footer-widgets .widget ul li a {
color: #b0b0b0;
font-size: 0.9rem;
line-height: 1.4rem;
margin-bottom: 0.5rem;
display: inline-block;
width: 100%; }
.footer-widgets .widget ul li a:hover {
text-decoration: none;
color: #ddb016; }
.footer-widgets .widget p {
color: #b0b0b0;
font-size: 0.9rem;
line-height: 1.8rem; }
.footer-widgets .widget p:last-child {
margin-bottom: 0; }
#colophon {
color: #a4a3a3;
background-color: #434343;
font-size: 0.8rem;
line-height: 1.4rem;
text-align: center;
padding: 30px; }
.single-post .entry-content,
.single-announcements .entry-content,
.single-bonus-material .entry-content,
.page-template-default .entry-content,
.single-tracks .entry-content {
display: block;
margin: 3rem auto;
max-width: 800px; }
.single-post .bonus-download-container .button,
.single-announcements .bonus-download-container .button,
.single-bonus-material .bonus-download-container .button,
.page-template-default .bonus-download-container .button,
.single-tracks .bonus-download-container .button {
width: 100%; }
.single-lessons #primary {
margin: 0 auto 3rem auto;
float: none; }
.single-lessons .fb-button {
width: 100%;
margin-top: 3rem; }
.single-tracks .plu-track-lesson-list {
border-left: 2px solid #cacaca;
margin: 0;
padding: 0;
list-style: none; }
@media (max-width: 728px) {
.single-tracks .plu-track-lesson-list {
border: 0; } }
.single-tracks .plu-track-lesson-list .plu-track-lesson {
margin-bottom: 4rem; }
.single-tracks .plu-track-lesson-list .plu-track-lesson .plu-track-lesson-status {
width: 72px;
position: absolute;
margin: 0;
padding: 0;
list-style: none; }
.single-tracks .plu-track-lesson-list .plu-track-lesson .plu-track-lesson-status span {
position: relative;
left: -45px;
display: inline-block;
padding: 20px 18px;
color: #cacaca;
background-color: white;
border: 3px solid #cacaca;
border-radius: 50%; }
.single-tracks .plu-track-lesson-list .plu-track-lesson .plu-track-lesson-status span.lesson-complete {
color: white;
background-color: #ddb016;
border-color: #ddb016; }
@media (max-width: 728px) {
.single-tracks .plu-track-lesson-list .plu-track-lesson .plu-track-lesson-status {
display: none; } }
.single-tracks .plu-track-lesson-list .plu-track-lesson .plu-track-lesson-content {
padding-left: 120px; }
@media (max-width: 728px) {
.single-tracks .plu-track-lesson-list .plu-track-lesson .plu-track-lesson-content {
padding-left: 0; } }
.pu-video-player {
max-width: 100%;
background-color: #3a3a3a;
color: #bdbdbd; }
.pu-video-player.no-playlist .video-secondary {
display: none; }
.pu-video-player.no-playlist .lesson-controls .lesson-next {
display: none; }
.pu-video-player .video-primary .download-placeholder {
padding: 20% 0;
text-align: center;
font-size: 7rem;
color: #6d6d6d; }
.pu-video-player .video-secondary h3 {
font-size: 2rem;
line-height: 2.4rem;
margin: 0;
padding: 25px;
color: #6d6d6d;
border-bottom: 1px solid #606060; }
.pu-video-player .video-secondary ul {
list-style: none;
margin: 0;
padding: 0; }
.pu-video-player .video-secondary ul li {
margin: 0;
padding: 15px 15px 15px 60px;
border-bottom: 1px solid #606060; }
.pu-video-player .video-secondary ul li.viewed a {
color: #727272;
text-decoration: line-through; }
.pu-video-player .video-secondary ul li.viewed a:before {
content: '\f058';
text-decoration: none; }
.pu-video-player .video-secondary ul li.current-lesson {
color: #f0f0f0;
background-color: rgba(255, 255, 255, 0.1); }
.pu-video-player .video-secondary ul li.current-lesson a:before {
content: '\f06e'; }
.pu-video-player .video-secondary ul li.is-download a:before {
content: '\f0ed'; }
.pu-video-player .video-secondary ul li a {
display: inline;
width: auto;
color: #939393;
font-size: 1.1rem;
line-height: 1.5rem;
padding: 0;
position: relative; }
.pu-video-player .video-secondary ul li a:hover {
text-decoration: none;
color: #adacac; }
.pu-video-player .video-secondary ul li a:before {
content: '\f01d';
font-family: 'fontAwesome';
font-size: 1.5rem;
line-height: 1.8rem;
margin-top: 2px;
margin-left: -35px;
position: absolute;
font-weight: normal; }
.pu-video-player .lesson-controls .lesson-status .button,
.pu-video-player .lesson-controls .go-back-to-lesson .button,
.pu-video-player .lesson-controls .lesson-next .button {
padding: 35px;
width: 100%; }
.pu-video-player .lesson-controls .lesson-status .button.lesson-completed,
.pu-video-player .lesson-controls .lesson-next .button.lesson-completed {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #868686;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none; }
.pu-video-player .lesson-controls .lesson-status .button.lesson-completed:hover, .pu-video-player .lesson-controls .lesson-status .button.lesson-completed:active,
.pu-video-player .lesson-controls .lesson-next .button.lesson-completed:hover,
.pu-video-player .lesson-controls .lesson-next .button.lesson-completed:active {
text-decoration: none !important;
outline: none;
background-color: #6d6d6d; }
@media (max-width: 500px) {
.pu-video-player .lesson-controls .lesson-status .button.lesson-completed,
.pu-video-player .lesson-controls .lesson-next .button.lesson-completed {
width: 100%;
margin-bottom: 0.8rem; } }
.pu-video-player .lesson-controls .lesson-status .button.lesson-completed .fa,
.pu-video-player .lesson-controls .lesson-next .button.lesson-completed .fa {
margin-right: 12px; }
#pu-dynamic-search .pu-video-player .lesson-controls .lesson-status .button.lesson-completed, #pu-dynamic-search
.pu-video-player .lesson-controls .lesson-next .button.lesson-completed {
padding: 22px 40px; }
.pu-video-player .lesson-controls .lesson-next .button,.go-back-to-lesson .button {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #2d2d2d;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
padding: 35px; }
.pu-video-player .lesson-controls .lesson-next .button:hover, .pu-video-player .lesson-controls .lesson-next .button:active {
text-decoration: none !important;
outline: none;
background-color: #141313; }
@media (max-width: 500px) {
.pu-video-player .lesson-controls .lesson-next .button {
width: 100%;
margin-bottom: 0.8rem; } }
.pu-video-player .lesson-controls .lesson-next .button .fa {
margin-right: 12px; }
#pu-dynamic-search .pu-video-player .lesson-controls .lesson-next .button {
padding: 22px 40px; }
.pu-video-player .lesson-controls .lesson-next .button.disabled {
color: rgba(255, 255, 255, 0.35) !important;
cursor: not-allowed; }
.no-video-complete-button .button {
width: 100% !important; }
.no-video-complete-button .button.lesson-completed {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
padding: 11px 26px;
text-align: center;
text-transform: uppercase;
color: white !important;
background-color: #868686;
border: 0;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none; }
.no-video-complete-button .button.lesson-completed:hover, .no-video-complete-button .button.lesson-completed:active {
text-decoration: none !important;
outline: none;
background-color: #6d6d6d; }
@media (max-width: 500px) {
.no-video-complete-button .button.lesson-completed {
width: 100%;
margin-bottom: 0.8rem; } }
.no-video-complete-button .button.lesson-completed .fa {
margin-right: 12px; }
#pu-dynamic-search .no-video-complete-button .button.lesson-completed {
padding: 22px 40px; }
.pu-lesson-tabs ul.tab-nav {
list-style: none;
margin: 3rem 0 2rem 0;
padding: 0;
border-bottom: 1px solid #cacaca; }
.pu-lesson-tabs ul.tab-nav li {
margin: 0;
padding: 0;
display: inline; }
.pu-lesson-tabs ul.tab-nav li a {
color: #939393;
font-weight: bold;
display: inline-block;
padding: 10px 30px 10px 0; }
.pu-lesson-tabs ul.tab-nav li a:hover {
text-decoration: none;
color: #ddb016; }
.pu-lesson-tabs ul.tab-nav li a:focus {
outline: none; }
.pu-lesson-tabs .download-list {
margin: 0 0 2rem 0;
padding: 0;
list-style: none; }
.pu-lesson-tabs .download-list li {
margin: 0;
padding: 0;
border-bottom: 1px solid #f0f0f0; }
.pu-lesson-tabs .download-list li a {
display: inline-block;
width: 100%;
color: #606060;
padding: 15px 0 15px 50px;
position: relative; }
.pu-lesson-tabs .download-list li a:hover {
text-decoration: none;
color: #ddb016; }
.pu-lesson-tabs .download-list li a:before {
content: '\f0ed';
font-family: 'fontAwesome';
color: #f0f0f0;
font-size: 2rem;
position: absolute;
margin-left: -50px;
top: 1rem; }
#secondary .lesson-list-container article {
/* .entry-thumbnail {
display: none;
} */ }
/*--------------------------------------------------------------
# 3rd Party Integrations
--------------------------------------------------------------*/
.single-lessons .page-heading {
margin-bottom: 0 !important;
padding: 0 !important;
}
.single-lessons .main.page-heading {
margin-bottom: 2rem !important;
width: 100%;
float: left;
padding: 3.3rem 0 !important;
}
.pu-video-player .lesson-controls .lesson-status .button.lesson-completed{
padding: 35px;
}
@media only screen and (max-width:500px){
.pms-account-subscriptions-header > span, .pms-account-subscription > span{
padding-left: 10px;
font-size: 12px;
}
span.pms-subscription-plan-name {
padding: 0;
}
.group_dashboard .pms-subscription-plan.pms-subscription-plan-has-actions, .group_dashboard .pms-subscription-plans-header {
margin-bottom: 4px !important;
padding-bottom: 4px !important;
}
}
@media only screen and (max-width:599px){
.dynamic-search-results article, .lesson-list-container article, .recommended-lesson-conatiner article {
width: 100%;
}
}
@media only screen and (min-width:600px) and (max-width:767px){
.dynamic-search-results article, .lesson-list-container article, .recommended-lesson-conatiner article {
width: 50%;
}
}
@media only screen and (max-width:767px){
#masthead .member-nav{
margin: 0;
}
#masthead .member-nav ul li.mobile-nav-toggle {
display: inline-block;
float: left;
}
#masthead .member-nav ul li.member-welcome span{
float: left;
}
#masthead .member-nav ul li.member-welcome a img{
float: left;
margin: -5px;
}
#masthead ul{
max-height: 90px;
float: left;
}
#masthead .member-nav ul li.member-welcome{
float: left;
max-height: 90px;
}
.group_dashboard .pms-account-subscriptions-header > span, .group_dashboard .pms-account-subscription > span{
line-height: 21px;
}
.page-heading.welcome .welcome-content h1,.full-width .pu-portal-links h2, .not-found .page-content .pu-portal-links h2,.page-heading h1{
font-size: 40px;
line-height: 50px;
}
.full-width .pu-portal-links h2, .not-found .page-content .pu-portal-links h2{
margin-bottom: 0px;
}
}
@media only screen and (max-width:390px){
#masthead ul li a{
padding: 30px 20px;
}
#masthead .grid-container{
padding-right: 0;
}
}
@media only screen and (min-width:768px) and (max-width:1024px){
#masthead .member-nav{
margin-top: 0;
height: 90px;
}
#masthead .member-nav ul li.member-welcome{
float: left;
height: 90px;
}
#masthead .member-nav ul li.member-welcome a.my_account{
padding: 25px 30px;
}
#masthead .member-nav ul li.member-welcome a img{
float: left;
margin: 0;
padding: 0;
}
#masthead .member-nav ul li.member-welcome span.logout{
float: left;
}
.full-width .pu-portal-links ul li, .not-found .page-content .pu-portal-links ul li{
height: 100px;
}
.full-width .pu-portal-links ul li a, .not-found .page-content .pu-portal-links ul li a{
padding: 30px 0;
}
}
.pms-account-subscription-details-table tr:last-of-type > td {
border-bottom: 1px solid #d1d1d1;
}
.pms-account-subscription-details-table tr > td {
border: 1px solid #d1d1d1;
padding: 10px;
border-bottom: none;
}
.pms-account-subscription-details-table tr > td:last-of-type {
border-left: none;
}
.load-more, .load-more:hover, .load-more:focus{
background-color: #ddb016;
}
.plu-toggle-bookmark.bookmarked .fa {
color: #ddb016;
}
.plu-toggle-bookmark .fa {
color: #ddb016;
}
.fancybox-close-small{
height: 31px !important;
width: 31px !important;
padding: 4px !important;
background: #ddb016 !important;
}
.entry-content .pms-account-subscription-action-link.button{
margin-bottom: 15px;
}
.button.more-favorites {
width: 100%;
}
.button.more-favorites.hide{
display: none;
}
#loader{
text-align: center;
display: none;
}
figure.wp-caption{
margin: 0 !important;
}
@media only screen and (max-width:768px){
#affwp-affiliate-dashboard-url-generator strong,
a.referral_link{
word-break: break-word;
}
figure.wp-caption {
max-width: 100% !important;
}
input#user_profile {
max-width: 100%;
}
}
.entry-content iframe{
width: 100% !important;
height: 72px !important;
}
@media only screen and (min-width:768px){
#primary-menu li.menu-item-has-children > a::after {
color: #a0a0a0;
content: "\f107";
vertical-align: 1px;
font: normal normal normal 15px/1 FontAwesome;
margin-left: 6px;
}
#primary-menu li li.menu-item-has-children > a::after {
color: #a0a0a0;
content: "\f105";
vertical-align: 1px;
font: normal normal normal 15px/1 FontAwesome;
margin-left: 6px;
}
.sub-menu{
display: none;
}
li.menu-item-has-children:hover > ul {
display: block;
}
.sub-menu {
position: absolute;
background: #434343;
max-width: 206px;
}
#masthead .main-navigation ul.sub-menu li {
position: relative;
width: 100%;
}
.sub-menu li a {
padding: 7px 23px !important;
border: none !important;
}
.sub-menu .sub-menu {
left: 100%;
top: 8px;
width: 100% !important;
}
}
.load_img{
text-align: center;
}
.business_name{
color: #a0a0a0;
text-align: center;
width: 100%;
margin-bottom: 0;
font-size: 1.2rem;
text-transform: capitalize;
}
.business_name_main{
min-width: 70px;
float: left;
display: block;
vertical-align: middle;
height: 100%;
}
#masthead .business_name_main .site-title {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#masthead .business_navigation ul li > a{
padding: 44px 30px;
}
#masthead .member-nav.business_navigation ul li a{
padding: 44px 30px;
}
.soap-icon-grid::before {
content: 'f03a';
}
[class^="soap-icon"]::before{
font-family: "soap-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
font-size: 120%;
}
ul.swap-tiles{
display: inline-block;
float: right;
}
.swap-tiles li.active,.swap-tiles li:hover{
background-color: #d0a638;
}
.swap-tiles li {
list-style: none;
float: left;
padding: 8px;
background-color: #fff;
margin: 0 4px;
}
.swap-tiles li.active .fa::before,.swap-tiles li:hover .fa::before{
color: white;
}
div.list-lessons article{
width: 100%;
}
div.list-lessons article .lesson-container .entry-thumbnail{
width: 30%;
display: inline-block;
float: left;
}
div.list-lessons article .lesson-container .lesson-body{
width: 68%;
display: inline-block;
float: right;
}
div.list-lessons article .lesson-container{
height: 194px;
}
div.list-lessons article .lesson-container .entry-thumbnail a img{
height: 194px;
}
@media(max-width:418px){
div.list-lessons article .lesson-container .entry-thumbnail a img {
height: 156px !important;
}
div.list-lessons article .lesson-container .entry-thumbnail{
width: 50%;
}
div.list-lessons article .lesson-container .lesson-body{
width: 49%;
}
div.list-lessons article .lesson-container {
height: 100%;
}
.dynamic-search-results.list-lessons article .lesson-container{
box-shadow: none;
}
.dynamic-search-results.list-lessons article{
background-color: white;
}
}
@media(min-width:419px) and (max-width:768px){
div.list-lessons article .lesson-container .entry-thumbnail{
width: 50%;
}
div.list-lessons article .lesson-container .lesson-body{
width: 49%;
}
div.list-lessons article .lesson-container {
height: 100%;
}
.dynamic-search-results.list-lessons article .lesson-container{
box-shadow: none;
}
.dynamic-search-results.list-lessons article{
background-color: white;
}
}