@charset "UTF-8";

 @font-face {font-family: 'VolkswagenSerial-Light';src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_0_0.eot);src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_0_0.eot?#iefix) format('embedded-opentype'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_0_0.woff) format('woff'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_0_0.ttf) format('truetype');}
@font-face {font-family: 'VolkswagenSerial';src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_7_0.eot);src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_7_0.eot?#iefix) format('embedded-opentype'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_7_0.woff) format('woff'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_7_0.ttf) format('truetype');}
@font-face {font-family: 'VolkswagenSerial-Medium';src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_B_0.eot);src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_B_0.eot?#iefix) format('embedded-opentype'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_B_0.woff) format('woff'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_B_0.ttf) format('truetype');}
@font-face {font-family: 'VolkswagenSerial-Bold';src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_6_0.eot);src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_6_0.eot?#iefix) format('embedded-opentype'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_6_0.woff) format('woff'),url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/css/webfonts/233F66_6_0.ttf) format('truetype');}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .fa,
.fas,
.far,
.fal,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.fa-xs {
font-size: 0.75em;
}
.fa-sm {
font-size: 0.875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: 0.3em;
}
.fa-spin {
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}
.fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
} .fa-500px:before {
content: "\f26e";
}
.fa-accessible-icon:before {
content: "\f368";
}
.fa-accusoft:before {
content: "\f369";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-card:before {
content: "\f2bb";
}
.fa-adjust:before {
content: "\f042";
}
.fa-adn:before {
content: "\f170";
}
.fa-adversal:before {
content: "\f36a";
}
.fa-affiliatetheme:before {
content: "\f36b";
}
.fa-algolia:before {
content: "\f36c";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-right:before {
content: "\f038";
}
.fa-allergies:before {
content: "\f461";
}
.fa-amazon:before {
content: "\f270";
}
.fa-amazon-pay:before {
content: "\f42c";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-amilia:before {
content: "\f36d";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-android:before {
content: "\f17b";
}
.fa-angellist:before {
content: "\f209";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angrycreative:before {
content: "\f36e";
}
.fa-angular:before {
content: "\f420";
}
.fa-app-store:before {
content: "\f36f";
}
.fa-app-store-ios:before {
content: "\f370";
}
.fa-apper:before {
content: "\f371";
}
.fa-apple:before {
content: "\f179";
}
.fa-apple-pay:before {
content: "\f415";
}
.fa-archive:before {
content: "\f187";
}
.fa-arrow-alt-circle-down:before {
content: "\f358";
}
.fa-arrow-alt-circle-left:before {
content: "\f359";
}
.fa-arrow-alt-circle-right:before {
content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
content: "\f35b";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-arrows-alt-h:before {
content: "\f337";
}
.fa-arrows-alt-v:before {
content: "\f338";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-asymmetrik:before {
content: "\f372";
}
.fa-at:before {
content: "\f1fa";
}
.fa-audible:before {
content: "\f373";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-autoprefixer:before {
content: "\f41c";
}
.fa-avianex:before {
content: "\f374";
}
.fa-aviato:before {
content: "\f421";
}
.fa-aws:before {
content: "\f375";
}
.fa-backward:before {
content: "\f04a";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-ban:before {
content: "\f05e";
}
.fa-band-aid:before {
content: "\f462";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-baseball-ball:before {
content: "\f433";
}
.fa-basketball-ball:before {
content: "\f434";
}
.fa-bath:before {
content: "\f2cd";
}
.fa-battery-empty:before {
content: "\f244";
}
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-bed:before {
content: "\f236";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bimobject:before {
content: "\f378";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitcoin:before {
content: "\f379";
}
.fa-bity:before {
content: "\f37a";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-blackberry:before {
content: "\f37b";
}
.fa-blender:before {
content: "\f517";
}
.fa-blind:before {
content: "\f29d";
}
.fa-blogger:before {
content: "\f37c";
}
.fa-blogger-b:before {
content: "\f37d";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-bold:before {
content: "\f032";
}
.fa-bolt:before {
content: "\f0e7";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-book:before {
content: "\f02d";
}
.fa-book-open:before {
content: "\f518";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-bowling-ball:before {
content: "\f436";
}
.fa-box:before {
content: "\f466";
}
.fa-box-open:before {
content: "\f49e";
}
.fa-boxes:before {
content: "\f468";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-briefcase-medical:before {
content: "\f469";
}
.fa-broadcast-tower:before {
content: "\f519";
}
.fa-broom:before {
content: "\f51a";
}
.fa-btc:before {
content: "\f15a";
}
.fa-bug:before {
content: "\f188";
}
.fa-building:before {
content: "\f1ad";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-burn:before {
content: "\f46a";
}
.fa-buromobelexperte:before {
content: "\f37f";
}
.fa-bus:before {
content: "\f207";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-calendar:before {
content: "\f133";
}
.fa-calendar-alt:before {
content: "\f073";
}
.fa-calendar-check:before {
content: "\f274";
}
.fa-calendar-minus:before {
content: "\f272";
}
.fa-calendar-plus:before {
content: "\f271";
}
.fa-calendar-times:before {
content: "\f273";
}
.fa-camera:before {
content: "\f030";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-capsules:before {
content: "\f46b";
}
.fa-car:before {
content: "\f1b9";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-caret-square-down:before {
content: "\f150";
}
.fa-caret-square-left:before {
content: "\f191";
}
.fa-caret-square-right:before {
content: "\f152";
}
.fa-caret-square-up:before {
content: "\f151";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cc-amazon-pay:before {
content: "\f42d";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-apple-pay:before {
content: "\f416";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-centercode:before {
content: "\f380";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-chalkboard:before {
content: "\f51b";
}
.fa-chalkboard-teacher:before {
content: "\f51c";
}
.fa-chart-area:before {
content: "\f1fe";
}
.fa-chart-bar:before {
content: "\f080";
}
.fa-chart-line:before {
content: "\f201";
}
.fa-chart-pie:before {
content: "\f200";
}
.fa-check:before {
content: "\f00c";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-chess:before {
content: "\f439";
}
.fa-chess-bishop:before {
content: "\f43a";
}
.fa-chess-board:before {
content: "\f43c";
}
.fa-chess-king:before {
content: "\f43f";
}
.fa-chess-knight:before {
content: "\f441";
}
.fa-chess-pawn:before {
content: "\f443";
}
.fa-chess-queen:before {
content: "\f445";
}
.fa-chess-rook:before {
content: "\f447";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-child:before {
content: "\f1ae";
}
.fa-chrome:before {
content: "\f268";
}
.fa-church:before {
content: "\f51d";
}
.fa-circle:before {
content: "\f111";
}
.fa-circle-notch:before {
content: "\f1ce";
}
.fa-clipboard:before {
content: "\f328";
}
.fa-clipboard-check:before {
content: "\f46c";
}
.fa-clipboard-list:before {
content: "\f46d";
}
.fa-clock:before {
content: "\f017";
}
.fa-clone:before {
content: "\f24d";
}
.fa-closed-captioning:before {
content: "\f20a";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-cloud-download-alt:before {
content: "\f381";
}
.fa-cloud-upload-alt:before {
content: "\f382";
}
.fa-cloudscale:before {
content: "\f383";
}
.fa-cloudsmith:before {
content: "\f384";
}
.fa-cloudversify:before {
content: "\f385";
}
.fa-code:before {
content: "\f121";
}
.fa-code-branch:before {
content: "\f126";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cog:before {
content: "\f013";
}
.fa-cogs:before {
content: "\f085";
}
.fa-coins:before {
content: "\f51e";
}
.fa-columns:before {
content: "\f0db";
}
.fa-comment:before {
content: "\f075";
}
.fa-comment-alt:before {
content: "\f27a";
}
.fa-comment-dots:before {
content: "\f4ad";
}
.fa-comment-slash:before {
content: "\f4b3";
}
.fa-comments:before {
content: "\f086";
}
.fa-compact-disc:before {
content: "\f51f";
}
.fa-compass:before {
content: "\f14e";
}
.fa-compress:before {
content: "\f066";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-contao:before {
content: "\f26d";
}
.fa-copy:before {
content: "\f0c5";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-couch:before {
content: "\f4b8";
}
.fa-cpanel:before {
content: "\f388";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-creative-commons-by:before {
content: "\f4e7";
}
.fa-creative-commons-nc:before {
content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
content: "\f4ea";
}
.fa-creative-commons-nd:before {
content: "\f4eb";
}
.fa-creative-commons-pd:before {
content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
content: "\f4ed";
}
.fa-creative-commons-remix:before {
content: "\f4ee";
}
.fa-creative-commons-sa:before {
content: "\f4ef";
}
.fa-creative-commons-sampling:before {
content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
content: "\f4f1";
}
.fa-creative-commons-share:before {
content: "\f4f2";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-crop:before {
content: "\f125";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-crow:before {
content: "\f520";
}
.fa-crown:before {
content: "\f521";
}
.fa-css3:before {
content: "\f13c";
}
.fa-css3-alt:before {
content: "\f38b";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-cut:before {
content: "\f0c4";
}
.fa-cuttlefish:before {
content: "\f38c";
}
.fa-d-and-d:before {
content: "\f38d";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-database:before {
content: "\f1c0";
}
.fa-deaf:before {
content: "\f2a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-deploydog:before {
content: "\f38e";
}
.fa-deskpro:before {
content: "\f38f";
}
.fa-desktop:before {
content: "\f108";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-diagnoses:before {
content: "\f470";
}
.fa-dice:before {
content: "\f522";
}
.fa-dice-five:before {
content: "\f523";
}
.fa-dice-four:before {
content: "\f524";
}
.fa-dice-one:before {
content: "\f525";
}
.fa-dice-six:before {
content: "\f526";
}
.fa-dice-three:before {
content: "\f527";
}
.fa-dice-two:before {
content: "\f528";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-digital-ocean:before {
content: "\f391";
}
.fa-discord:before {
content: "\f392";
}
.fa-discourse:before {
content: "\f393";
}
.fa-divide:before {
content: "\f529";
}
.fa-dna:before {
content: "\f471";
}
.fa-dochub:before {
content: "\f394";
}
.fa-docker:before {
content: "\f395";
}
.fa-dollar-sign:before {
content: "\f155";
}
.fa-dolly:before {
content: "\f472";
}
.fa-dolly-flatbed:before {
content: "\f474";
}
.fa-donate:before {
content: "\f4b9";
}
.fa-door-closed:before {
content: "\f52a";
}
.fa-door-open:before {
content: "\f52b";
}
.fa-dot-circle:before {
content: "\f192";
}
.fa-dove:before {
content: "\f4ba";
}
.fa-download:before {
content: "\f019";
}
.fa-draft2digital:before {
content: "\f396";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-dribbble-square:before {
content: "\f397";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-dumbbell:before {
content: "\f44b";
}
.fa-dyalog:before {
content: "\f399";
}
.fa-earlybirds:before {
content: "\f39a";
}
.fa-ebay:before {
content: "\f4f4";
}
.fa-edge:before {
content: "\f282";
}
.fa-edit:before {
content: "\f044";
}
.fa-eject:before {
content: "\f052";
}
.fa-elementor:before {
content: "\f430";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-ember:before {
content: "\f423";
}
.fa-empire:before {
content: "\f1d1";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-envira:before {
content: "\f299";
}
.fa-equals:before {
content: "\f52c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-erlang:before {
content: "\f39d";
}
.fa-ethereum:before {
content: "\f42e";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-euro-sign:before {
content: "\f153";
}
.fa-exchange-alt:before {
content: "\f362";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-expand:before {
content: "\f065";
}
.fa-expand-arrows-alt:before {
content: "\f31e";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-external-link-alt:before {
content: "\f35d";
}
.fa-external-link-square-alt:before {
content: "\f360";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-dropper:before {
content: "\f1fb";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-facebook-f:before {
content: "\f39e";
}
.fa-facebook-messenger:before {
content: "\f39f";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-feather:before {
content: "\f52d";
}
.fa-female:before {
content: "\f182";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-alt:before {
content: "\f15c";
}
.fa-file-archive:before {
content: "\f1c6";
}
.fa-file-audio:before {
content: "\f1c7";
}
.fa-file-code:before {
content: "\f1c9";
}
.fa-file-excel:before {
content: "\f1c3";
}
.fa-file-image:before {
content: "\f1c5";
}
.fa-file-medical:before {
content: "\f477";
}
.fa-file-medical-alt:before {
content: "\f478";
}
.fa-file-pdf:before {
content: "\f1c1";
}
.fa-file-powerpoint:before {
content: "\f1c4";
}
.fa-file-video:before {
content: "\f1c8";
}
.fa-file-word:before {
content: "\f1c2";
}
.fa-film:before {
content: "\f008";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-fire:before {
content: "\f06d";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-firefox:before {
content: "\f269";
}
.fa-first-aid:before {
content: "\f479";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-first-order-alt:before {
content: "\f50a";
}
.fa-firstdraft:before {
content: "\f3a1";
}
.fa-flag:before {
content: "\f024";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-flipboard:before {
content: "\f44d";
}
.fa-fly:before {
content: "\f417";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-font:before {
content: "\f031";
}
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-font-awesome-alt:before {
content: "\f35c";
}
.fa-font-awesome-flag:before {
content: "\f425";
}
.fa-font-awesome-logo-full:before {
content: "\f4e6";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-fonticons-fi:before {
content: "\f3a2";
}
.fa-football-ball:before {
content: "\f44e";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-fort-awesome-alt:before {
content: "\f3a3";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-forward:before {
content: "\f04e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-freebsd:before {
content: "\f3a4";
}
.fa-frog:before {
content: "\f52e";
}
.fa-frown:before {
content: "\f119";
}
.fa-fulcrum:before {
content: "\f50b";
}
.fa-futbol:before {
content: "\f1e3";
}
.fa-galactic-republic:before {
content: "\f50c";
}
.fa-galactic-senate:before {
content: "\f50d";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-gas-pump:before {
content: "\f52f";
}
.fa-gavel:before {
content: "\f0e3";
}
.fa-gem:before {
content: "\f3a5";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-gift:before {
content: "\f06b";
}
.fa-git:before {
content: "\f1d3";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-github:before {
content: "\f09b";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-github-square:before {
content: "\f092";
}
.fa-gitkraken:before {
content: "\f3a6";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-gitter:before {
content: "\f426";
}
.fa-glass-martini:before {
content: "\f000";
}
.fa-glasses:before {
content: "\f530";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-gofore:before {
content: "\f3a7";
}
.fa-golf-ball:before {
content: "\f450";
}
.fa-goodreads:before {
content: "\f3a8";
}
.fa-goodreads-g:before {
content: "\f3a9";
}
.fa-google:before {
content: "\f1a0";
}
.fa-google-drive:before {
content: "\f3aa";
}
.fa-google-play:before {
content: "\f3ab";
}
.fa-google-plus:before {
content: "\f2b3";
}
.fa-google-plus-g:before {
content: "\f0d5";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-gratipay:before {
content: "\f184";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-greater-than:before {
content: "\f531";
}
.fa-greater-than-equal:before {
content: "\f532";
}
.fa-gripfire:before {
content: "\f3ac";
}
.fa-grunt:before {
content: "\f3ad";
}
.fa-gulp:before {
content: "\f3ae";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-hacker-news-square:before {
content: "\f3af";
}
.fa-hand-holding:before {
content: "\f4bd";
}
.fa-hand-holding-heart:before {
content: "\f4be";
}
.fa-hand-holding-usd:before {
content: "\f4c0";
}
.fa-hand-lizard:before {
content: "\f258";
}
.fa-hand-paper:before {
content: "\f256";
}
.fa-hand-peace:before {
content: "\f25b";
}
.fa-hand-point-down:before {
content: "\f0a7";
}
.fa-hand-point-left:before {
content: "\f0a5";
}
.fa-hand-point-right:before {
content: "\f0a4";
}
.fa-hand-point-up:before {
content: "\f0a6";
}
.fa-hand-pointer:before {
content: "\f25a";
}
.fa-hand-rock:before {
content: "\f255";
}
.fa-hand-scissors:before {
content: "\f257";
}
.fa-hand-spock:before {
content: "\f259";
}
.fa-hands:before {
content: "\f4c2";
}
.fa-hands-helping:before {
content: "\f4c4";
}
.fa-handshake:before {
content: "\f2b5";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-hdd:before {
content: "\f0a0";
}
.fa-heading:before {
content: "\f1dc";
}
.fa-headphones:before {
content: "\f025";
}
.fa-heart:before {
content: "\f004";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-helicopter:before {
content: "\f533";
}
.fa-hips:before {
content: "\f452";
}
.fa-hire-a-helper:before {
content: "\f3b0";
}
.fa-history:before {
content: "\f1da";
}
.fa-hockey-puck:before {
content: "\f453";
}
.fa-home:before {
content: "\f015";
}
.fa-hooli:before {
content: "\f427";
}
.fa-hospital:before {
content: "\f0f8";
}
.fa-hospital-alt:before {
content: "\f47d";
}
.fa-hospital-symbol:before {
content: "\f47e";
}
.fa-hotjar:before {
content: "\f3b1";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-start:before {
content: "\f251";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-html5:before {
content: "\f13b";
}
.fa-hubspot:before {
content: "\f3b2";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-id-card:before {
content: "\f2c2";
}
.fa-id-card-alt:before {
content: "\f47f";
}
.fa-image:before {
content: "\f03e";
}
.fa-images:before {
content: "\f302";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-indent:before {
content: "\f03c";
}
.fa-industry:before {
content: "\f275";
}
.fa-infinity:before {
content: "\f534";
}
.fa-info:before {
content: "\f129";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-italic:before {
content: "\f033";
}
.fa-itunes:before {
content: "\f3b4";
}
.fa-itunes-note:before {
content: "\f3b5";
}
.fa-java:before {
content: "\f4e4";
}
.fa-jedi-order:before {
content: "\f50e";
}
.fa-jenkins:before {
content: "\f3b6";
}
.fa-joget:before {
content: "\f3b7";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-js:before {
content: "\f3b8";
}
.fa-js-square:before {
content: "\f3b9";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-key:before {
content: "\f084";
}
.fa-keybase:before {
content: "\f4f5";
}
.fa-keyboard:before {
content: "\f11c";
}
.fa-keycdn:before {
content: "\f3ba";
}
.fa-kickstarter:before {
content: "\f3bb";
}
.fa-kickstarter-k:before {
content: "\f3bc";
}
.fa-kiwi-bird:before {
content: "\f535";
}
.fa-korvue:before {
content: "\f42f";
}
.fa-language:before {
content: "\f1ab";
}
.fa-laptop:before {
content: "\f109";
}
.fa-laravel:before {
content: "\f3bd";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-lemon:before {
content: "\f094";
}
.fa-less:before {
content: "\f41d";
}
.fa-less-than:before {
content: "\f536";
}
.fa-less-than-equal:before {
content: "\f537";
}
.fa-level-down-alt:before {
content: "\f3be";
}
.fa-level-up-alt:before {
content: "\f3bf";
}
.fa-life-ring:before {
content: "\f1cd";
}
.fa-lightbulb:before {
content: "\f0eb";
}
.fa-line:before {
content: "\f3c0";
}
.fa-link:before {
content: "\f0c1";
}
.fa-linkedin:before {
content: "\f08c";
}
.fa-linkedin-in:before {
content: "\f0e1";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-linux:before {
content: "\f17c";
}
.fa-lira-sign:before {
content: "\f195";
}
.fa-list:before {
content: "\f03a";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-lock:before {
content: "\f023";
}
.fa-lock-open:before {
content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
content: "\f309";
}
.fa-long-arrow-alt-left:before {
content: "\f30a";
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
}
.fa-long-arrow-alt-up:before {
content: "\f30c";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-lyft:before {
content: "\f3c3";
}
.fa-magento:before {
content: "\f3c4";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-magnet:before {
content: "\f076";
}
.fa-male:before {
content: "\f183";
}
.fa-mandalorian:before {
content: "\f50f";
}
.fa-map:before {
content: "\f279";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-map-marker-alt:before {
content: "\f3c5";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-mars:before {
content: "\f222";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mastodon:before {
content: "\f4f6";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-medapps:before {
content: "\f3c6";
}
.fa-medium:before {
content: "\f23a";
}
.fa-medium-m:before {
content: "\f3c7";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-medrt:before {
content: "\f3c8";
}
.fa-meetup:before {
content: "\f2e0";
}
.fa-meh:before {
content: "\f11a";
}
.fa-memory:before {
content: "\f538";
}
.fa-mercury:before {
content: "\f223";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-alt:before {
content: "\f3c9";
}
.fa-microphone-alt-slash:before {
content: "\f539";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-microsoft:before {
content: "\f3ca";
}
.fa-minus:before {
content: "\f068";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-mix:before {
content: "\f3cb";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-mizuni:before {
content: "\f3cc";
}
.fa-mobile:before {
content: "\f10b";
}
.fa-mobile-alt:before {
content: "\f3cd";
}
.fa-modx:before {
content: "\f285";
}
.fa-monero:before {
content: "\f3d0";
}
.fa-money-bill:before {
content: "\f0d6";
}
.fa-money-bill-alt:before {
content: "\f3d1";
}
.fa-money-bill-wave:before {
content: "\f53a";
}
.fa-money-bill-wave-alt:before {
content: "\f53b";
}
.fa-money-check:before {
content: "\f53c";
}
.fa-money-check-alt:before {
content: "\f53d";
}
.fa-moon:before {
content: "\f186";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-music:before {
content: "\f001";
}
.fa-napster:before {
content: "\f3d2";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-newspaper:before {
content: "\f1ea";
}
.fa-nintendo-switch:before {
content: "\f418";
}
.fa-node:before {
content: "\f419";
}
.fa-node-js:before {
content: "\f3d3";
}
.fa-not-equal:before {
content: "\f53e";
}
.fa-notes-medical:before {
content: "\f481";
}
.fa-npm:before {
content: "\f3d4";
}
.fa-ns8:before {
content: "\f3d5";
}
.fa-nutritionix:before {
content: "\f3d6";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-old-republic:before {
content: "\f510";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-openid:before {
content: "\f19b";
}
.fa-opera:before {
content: "\f26a";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-osi:before {
content: "\f41a";
}
.fa-outdent:before {
content: "\f03b";
}
.fa-page4:before {
content: "\f3d7";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-palette:before {
content: "\f53f";
}
.fa-palfed:before {
content: "\f3d8";
}
.fa-pallet:before {
content: "\f482";
}
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-parachute-box:before {
content: "\f4cd";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-parking:before {
content: "\f540";
}
.fa-paste:before {
content: "\f0ea";
}
.fa-patreon:before {
content: "\f3d9";
}
.fa-pause:before {
content: "\f04c";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-pen-square:before {
content: "\f14b";
}
.fa-pencil-alt:before {
content: "\f303";
}
.fa-people-carry:before {
content: "\f4ce";
}
.fa-percent:before {
content: "\f295";
}
.fa-percentage:before {
content: "\f541";
}
.fa-periscope:before {
content: "\f3da";
}
.fa-phabricator:before {
content: "\f3db";
}
.fa-phoenix-framework:before {
content: "\f3dc";
}
.fa-phoenix-squadron:before {
content: "\f511";
}
.fa-phone:before {
content: "\f095";
}
.fa-phone-slash:before {
content: "\f3dd";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-phone-volume:before {
content: "\f2a0";
}
.fa-php:before {
content: "\f457";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-pied-piper-hat:before {
content: "\f4e5";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-piggy-bank:before {
content: "\f4d3";
}
.fa-pills:before {
content: "\f484";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-plane:before {
content: "\f072";
}
.fa-play:before {
content: "\f04b";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-playstation:before {
content: "\f3df";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-plus:before {
content: "\f067";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-poo:before {
content: "\f2fe";
}
.fa-portrait:before {
content: "\f3e0";
}
.fa-pound-sign:before {
content: "\f154";
}
.fa-power-off:before {
content: "\f011";
}
.fa-prescription-bottle:before {
content: "\f485";
}
.fa-prescription-bottle-alt:before {
content: "\f486";
}
.fa-print:before {
content: "\f02f";
}
.fa-procedures:before {
content: "\f487";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-project-diagram:before {
content: "\f542";
}
.fa-pushed:before {
content: "\f3e1";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-python:before {
content: "\f3e2";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-question:before {
content: "\f128";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-quidditch:before {
content: "\f458";
}
.fa-quinscape:before {
content: "\f459";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-r-project:before {
content: "\f4f7";
}
.fa-random:before {
content: "\f074";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-react:before {
content: "\f41b";
}
.fa-readme:before {
content: "\f4d5";
}
.fa-rebel:before {
content: "\f1d0";
}
.fa-receipt:before {
content: "\f543";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-red-river:before {
content: "\f3e3";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-redo:before {
content: "\f01e";
}
.fa-redo-alt:before {
content: "\f2f9";
}
.fa-registered:before {
content: "\f25d";
}
.fa-rendact:before {
content: "\f3e4";
}
.fa-renren:before {
content: "\f18b";
}
.fa-reply:before {
content: "\f3e5";
}
.fa-reply-all:before {
content: "\f122";
}
.fa-replyd:before {
content: "\f3e6";
}
.fa-researchgate:before {
content: "\f4f8";
}
.fa-resolving:before {
content: "\f3e7";
}
.fa-retweet:before {
content: "\f079";
}
.fa-ribbon:before {
content: "\f4d6";
}
.fa-road:before {
content: "\f018";
}
.fa-robot:before {
content: "\f544";
}
.fa-rocket:before {
content: "\f135";
}
.fa-rocketchat:before {
content: "\f3e8";
}
.fa-rockrms:before {
content: "\f3e9";
}
.fa-rss:before {
content: "\f09e";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-ruble-sign:before {
content: "\f158";
}
.fa-ruler:before {
content: "\f545";
}
.fa-ruler-combined:before {
content: "\f546";
}
.fa-ruler-horizontal:before {
content: "\f547";
}
.fa-ruler-vertical:before {
content: "\f548";
}
.fa-rupee-sign:before {
content: "\f156";
}
.fa-safari:before {
content: "\f267";
}
.fa-sass:before {
content: "\f41e";
}
.fa-save:before {
content: "\f0c7";
}
.fa-schlix:before {
content: "\f3ea";
}
.fa-school:before {
content: "\f549";
}
.fa-screwdriver:before {
content: "\f54a";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-search:before {
content: "\f002";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-searchengin:before {
content: "\f3eb";
}
.fa-seedling:before {
content: "\f4d8";
}
.fa-sellcast:before {
content: "\f2da";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-server:before {
content: "\f233";
}
.fa-servicestack:before {
content: "\f3ec";
}
.fa-share:before {
content: "\f064";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-shekel-sign:before {
content: "\f20b";
}
.fa-shield-alt:before {
content: "\f3ed";
}
.fa-ship:before {
content: "\f21a";
}
.fa-shipping-fast:before {
content: "\f48b";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-shoe-prints:before {
content: "\f54b";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-sign:before {
content: "\f4d9";
}
.fa-sign-in-alt:before {
content: "\f2f6";
}
.fa-sign-language:before {
content: "\f2a7";
}
.fa-sign-out-alt:before {
content: "\f2f5";
}
.fa-signal:before {
content: "\f012";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-sistrix:before {
content: "\f3ee";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-sith:before {
content: "\f512";
}
.fa-skull:before {
content: "\f54c";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-skype:before {
content: "\f17e";
}
.fa-slack:before {
content: "\f198";
}
.fa-slack-hash:before {
content: "\f3ef";
}
.fa-sliders-h:before {
content: "\f1de";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-smile:before {
content: "\f118";
}
.fa-smoking:before {
content: "\f48d";
}
.fa-smoking-ban:before {
content: "\f54d";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-snowflake:before {
content: "\f2dc";
}
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-alpha-down:before {
content: "\f15d";
}
.fa-sort-alpha-up:before {
content: "\f15e";
}
.fa-sort-amount-down:before {
content: "\f160";
}
.fa-sort-amount-up:before {
content: "\f161";
}
.fa-sort-down:before {
content: "\f0dd";
}
.fa-sort-numeric-down:before {
content: "\f162";
}
.fa-sort-numeric-up:before {
content: "\f163";
}
.fa-sort-up:before {
content: "\f0de";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-speakap:before {
content: "\f3f3";
}
.fa-spinner:before {
content: "\f110";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-square:before {
content: "\f0c8";
}
.fa-square-full:before {
content: "\f45c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-star:before {
content: "\f005";
}
.fa-star-half:before {
content: "\f089";
}
.fa-staylinked:before {
content: "\f3f5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-steam-symbol:before {
content: "\f3f6";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-sticker-mule:before {
content: "\f3f7";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-stop:before {
content: "\f04d";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stopwatch:before {
content: "\f2f2";
}
.fa-store:before {
content: "\f54e";
}
.fa-store-alt:before {
content: "\f54f";
}
.fa-strava:before {
content: "\f428";
}
.fa-stream:before {
content: "\f550";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-stripe:before {
content: "\f429";
}
.fa-stripe-s:before {
content: "\f42a";
}
.fa-stroopwafel:before {
content: "\f551";
}
.fa-studiovinari:before {
content: "\f3f8";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-subway:before {
content: "\f239";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-sun:before {
content: "\f185";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-supple:before {
content: "\f3f9";
}
.fa-sync:before {
content: "\f021";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-syringe:before {
content: "\f48e";
}
.fa-table:before {
content: "\f0ce";
}
.fa-table-tennis:before {
content: "\f45d";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-tablet-alt:before {
content: "\f3fa";
}
.fa-tablets:before {
content: "\f490";
}
.fa-tachometer-alt:before {
content: "\f3fd";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-tape:before {
content: "\f4db";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-taxi:before {
content: "\f1ba";
}
.fa-teamspeak:before {
content: "\f4f9";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-telegram-plane:before {
content: "\f3fe";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-terminal:before {
content: "\f120";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-thermometer:before {
content: "\f491";
}
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbtack:before {
content: "\f08d";
}
.fa-ticket-alt:before {
content: "\f3ff";
}
.fa-times:before {
content: "\f00d";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-tint:before {
content: "\f043";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-toolbox:before {
content: "\f552";
}
.fa-trade-federation:before {
content: "\f513";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-train:before {
content: "\f238";
}
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-trash-alt:before {
content: "\f2ed";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-trello:before {
content: "\f181";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-trophy:before {
content: "\f091";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-truck-loading:before {
content: "\f4de";
}
.fa-truck-moving:before {
content: "\f4df";
}
.fa-tshirt:before {
content: "\f553";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-tv:before {
content: "\f26c";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-twitter:before {
content: "\f099";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-typo3:before {
content: "\f42b";
}
.fa-uber:before {
content: "\f402";
}
.fa-uikit:before {
content: "\f403";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-undo:before {
content: "\f0e2";
}
.fa-undo-alt:before {
content: "\f2ea";
}
.fa-uniregistry:before {
content: "\f404";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-university:before {
content: "\f19c";
}
.fa-unlink:before {
content: "\f127";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-untappd:before {
content: "\f405";
}
.fa-upload:before {
content: "\f093";
}
.fa-usb:before {
content: "\f287";
}
.fa-user:before {
content: "\f007";
}
.fa-user-alt:before {
content: "\f406";
}
.fa-user-alt-slash:before {
content: "\f4fa";
}
.fa-user-astronaut:before {
content: "\f4fb";
}
.fa-user-check:before {
content: "\f4fc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-clock:before {
content: "\f4fd";
}
.fa-user-cog:before {
content: "\f4fe";
}
.fa-user-edit:before {
content: "\f4ff";
}
.fa-user-friends:before {
content: "\f500";
}
.fa-user-graduate:before {
content: "\f501";
}
.fa-user-lock:before {
content: "\f502";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-user-minus:before {
content: "\f503";
}
.fa-user-ninja:before {
content: "\f504";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-user-shield:before {
content: "\f505";
}
.fa-user-slash:before {
content: "\f506";
}
.fa-user-tag:before {
content: "\f507";
}
.fa-user-tie:before {
content: "\f508";
}
.fa-user-times:before {
content: "\f235";
}
.fa-users:before {
content: "\f0c0";
}
.fa-users-cog:before {
content: "\f509";
}
.fa-ussunnah:before {
content: "\f407";
}
.fa-utensil-spoon:before {
content: "\f2e5";
}
.fa-utensils:before {
content: "\f2e7";
}
.fa-vaadin:before {
content: "\f408";
}
.fa-venus:before {
content: "\f221";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-vial:before {
content: "\f492";
}
.fa-vials:before {
content: "\f493";
}
.fa-viber:before {
content: "\f409";
}
.fa-video:before {
content: "\f03d";
}
.fa-video-slash:before {
content: "\f4e2";
}
.fa-vimeo:before {
content: "\f40a";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-vimeo-v:before {
content: "\f27d";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-vk:before {
content: "\f189";
}
.fa-vnv:before {
content: "\f40b";
}
.fa-volleyball-ball:before {
content: "\f45f";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-vuejs:before {
content: "\f41f";
}
.fa-walking:before {
content: "\f554";
}
.fa-wallet:before {
content: "\f555";
}
.fa-warehouse:before {
content: "\f494";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-weight:before {
content: "\f496";
}
.fa-weixin:before {
content: "\f1d7";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-whatsapp-square:before {
content: "\f40c";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-whmcs:before {
content: "\f40d";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-window-close:before {
content: "\f410";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-windows:before {
content: "\f17a";
}
.fa-wine-glass:before {
content: "\f4e3";
}
.fa-wolf-pack-battalion:before {
content: "\f514";
}
.fa-won-sign:before {
content: "\f159";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-wordpress-simple:before {
content: "\f411";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-x-ray:before {
content: "\f497";
}
.fa-xbox:before {
content: "\f412";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-y-combinator:before {
content: "\f23b";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-yandex:before {
content: "\f413";
}
.fa-yandex-international:before {
content: "\f414";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-yen-sign:before {
content: "\f157";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-youtube:before {
content: "\f167";
}
.fa-youtube-square:before {
content: "\f431";
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} @font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/webfonts/fa-solid-900.eot);
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/webfonts/fa-solid-900.woff2) format("woff2"), url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/webfonts/fa-solid-900.woff) format("woff"), url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/webfonts/fa-solid-900.ttf) format("truetype"), url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa,
.fas {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
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: 3em;
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;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
clear: both;
margin: 1em 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-appearance: textfield; box-sizing: content-box; } 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;
}    @font-face {
font-family: warsawGothic;
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/fonts/warsaw_gothic-webfont.woff);
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "SuperSimple";
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/fonts/SuperSimple.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SuperSimple";
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/fonts/SuperSimple-Bold.otf) format("opentype");
font-weight: bold;
font-style: normal;
}
html, body {
font-family: "Nunito Sans", "Open Sans", sans-serif;
}
#container {
background-color: #FAFAFA;
}
h1, h2, h3, h4, h5, h6 {
color: #1484C6;
font-family: "warsawGothic", sans-serif;
text-transform: uppercase;
font-weight: 100;
}
.h1, .h1 a {
font-size: 1.4em;
}
.h1 a {
color: #1484C6;
}
a {
color: #008aee;
text-decoration: none;
transition: 0.4s all ease;
}
a:visited {
color: #975bba;
}
a:hover {
color: #005ea2;
}
h4.widgettitle,
h3.widgettitle {
background: #8F3F97;
color: white;
padding: 4px 8px;
text-transform: uppercase;
font-family: "warsawGothic", sans-serif;
font-weight: normal;
font-size: 1.6em;
border-radius: 4px;
margin-bottom: 0;
}
.single h1.single-title {
margin-top: 0;
}  p {
color: #404040;
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
}
.resource_topic-archive .threePer li:nth-child(odd) a {
background-color: rgba(255, 99, 71, 0.75);
}
.resource_topic-archive .threePer li:nth-child(even) a {
background-color: rgba(60, 179, 113, 0.75);
}
.resource_topic-archive .threePer li:nth-child(3n) a {
background-color: rgba(0, 139, 139, 0.75);
}
.resource_topic-archive .threePer li:nth-child(4n) a {
background-color: rgba(186, 85, 211, 0.75);
}
.resource_topic-archive .threePer li:nth-child(5n) a {
background-color: rgba(30, 144, 255, 0.75);
}
.resource_topic-archive .threePer li:nth-child(6n) a {
background-color: rgba(255, 140, 0, 0.75);
}
.resource_topic-archive .threePer li:nth-child(7n) a {
background-color: rgba(178, 34, 34, 0.75);
}
.resource_topic-archive .threePer li:nth-child(8n) a {
background-color: rgba(32, 178, 170, 0.75);
}
.resource_topic-archive .threePer li:nth-child(odd) a:hover {
background-color: tomato;
}
.resource_topic-archive .threePer li:nth-child(even) a:hover {
background-color: mediumseagreen;
}
.resource_topic-archive .threePer li:nth-child(3n) a:hover {
background-color: darkcyan;
}
.resource_topic-archive .threePer li:nth-child(4n) a:hover {
background-color: mediumorchid;
}
.resource_topic-archive .threePer li:nth-child(5n) a:hover {
background-color: dodgerblue;
}
.resource_topic-archive .threePer li:nth-child(6n) a:hover {
background-color: darkorange;
}
.resource_topic-archive .threePer li:nth-child(7n) a:hover {
background-color: firebrick;
}
.resource_topic-archive .threePer li:nth-child(8n) a:hover {
background-color: lightseagreen;
}            .paddingtopbottom {
padding: 2em 0 !important;
}
#inner-header,
#inner-content,
#inner-footer,
.inner-content {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
#inner-header:after,
#inner-content:after,
#inner-footer:after,
.inner-content:after {
content: " ";
display: block;
clear: both;
}
header#header {
padding: 0;
background: #FFFFFB;
min-height: 120px;
border-bottom: 3px solid #efefef;
}
.headerDivider {
position: absolute;
width: 100%;
height: 71px;
background: #FFFEF4;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
header .langBar {
height: 30px;
background: #E0F3FC;
}
header .langBar .langLink {
float: right;
display: block;
color: #7CB3CA;
text-transform: uppercase;
font-size: 12px;
margin-left: 10px;
line-height: 30px;
}
header#header #logo {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 16.6666666667%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
margin: 0;
padding-top: 0;
margin-top: -20px;
}
header#header #logo a {
position: relative;
display: block;
}
header#header #logo .logoimg {
position: absolute;
width: 289px;
top: -8px;
z-index: 99;
left: -24px;
}
.home header#header #logo .logoimg {
width: 289px;
}
header#header .social-media {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
float: right;
margin: 0;
position: relative;
}
header#header .social-media ul {
margin: 0px;
overflow: hidden;
padding: 0px;
}
header#header .social-media li {
display: block;
width: 33%;
float: right;
}
header#header .social-media a {
display: block;
width: 100%;
background: url(//supersimple.com/wp-content/uploads/nav-icons/fb.png) no-repeat center center/26px;
text-align: center;
min-height: 32px;
text-indent: -9999px;
}
header#header .social-media a.twitter {
background: url(//supersimple.com/wp-content/uploads/nav-icons/twitter.png) no-repeat center center/26px;
}
header#header .social-media a.instagram {
background: url(//supersimple.com/wp-content/uploads/nav-icons/instagram.png) no-repeat center center/26px;
}
header#header .social-media a.youtube {
background: url(//supersimple.com/wp-content/uploads/nav-icons/youtube.png) no-repeat center center/26px;
}
header#header .social-media a.pinterest {
background: url(//supersimple.com/wp-content/uploads/nav-icons/pinterest.png) no-repeat center center/26px;
}
ul#menu-top-tabs {
margin: 0;
float: left;
padding: 0;
border-radius: 16px;
}
ul#menu-top-tabs > li {
display: block;
position: relative;
float: left;
width: inherit;
}
ul#menu-top-tabs > li > a {
color: #8F3F97;
display: block;
float: left;
margin: 0px 0 4px 24px;
font-family: "Asap Condensed", sans-serif;
font-size: 40px;
text-transform: uppercase;
letter-spacing: -2px;
}
#menu-item-396 {
margin-left: 4em;
background: url(//supersimple.com/wp-content/uploads/icon-shop.png) no-repeat left center/42px;
padding-left: 24px;
}
#menu-item-396 a {
color: #50AD48 !important;
}
.login-widget {
position: absolute;
width: 100%;
right: 0;
top: 0;
background: #fff;
padding: 0.5em 1em;
display: block;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
border-bottom: 0 solid purple;
font-size: 0.8em;
text-align: right;
}
.login-widget a {
margin: 0 0.5em;
}
.signUpButton {
background: purple;
padding: 0.2em 0.5em;
color: #fff;
border-radius: 4px;
}
.signUpButton:hover {
background: rgba(128, 0, 128, 0.5490196078);
color: #fff;
}
.signUpButton:visited {
color: #fff;
}
.subNavWrapper {
background: #FFFBDE;
height: 50px;
}
.subNavWrapper.open {
height: 86px;
background: linear-gradient(#fffbde 50%, rgba(255, 200, 0, 0.3215686275) 50%);
}
ul#menu-subnav {
position: relative;
margin: 0;
padding: 0 0 0 0;
list-style: none;
text-transform: uppercase;
float: left;
}
ul#menu-subnav li {
display: inline-block;
margin-left: 1em;
list-style: none;
}
.mainNav .sub-menu {
display: none;
overflow: hidden;
background: #f9f9f9;
float: left;
position: absolute;
left: 0;
top: 42px;
padding: 10px;
min-width: 250px;
z-index: 1000;
border-bottom: 6px solid #E9EAEB;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.subNav .sub-menu {
overflow: hidden;
background: #f6f6f6; position: absolute;
padding: 10px; z-index: 999; text-transform: none;
width: 168px;
display: none;
border-radius: 8px;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
}
ul#menu-subnav .sub-menu li {
display: block;
margin-left: 0;
}
.sub-menu li a {
color: #00BAEF;
display: block;
width: 100%;
font-size: 1em;
font-family: "benchNine";
padding: 6px 0;
text-transform: uppercase;
}
.sub-menu li a:hover {
color: #336699;
background: #efefef;
}
.subNav a {
font-family: "warsawGothic", sans-serif;
font-size: 24px;
color: #0096DB;
letter-spacing: 0.25px;
}
.left-icon-list .has-icon a {
padding-left: 36px;
min-height: 38px;
}
.left-icon-list .has-icon.icon-ballpit a {
background: url(//supersimple.com/wp-content/uploads/ballpit-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-bumble a {
background: url(//supersimple.com/wp-content/uploads/bumble-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-caitie a {
background: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/images/ss_nav_icon_caitiesclassroom_125px.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-carl a {
background: url(//supersimple.com/wp-content/uploads/carl-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-finley a {
background: url(//supersimple.com/wp-content/uploads/finley-1-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-finny a {
background: url(//supersimple.com/wp-content/uploads/finny-shark-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-howtoteach a {
background: url(//supersimple.com/wp-content/uploads/2021/01/howtoteach-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-milo a {
background: url(//supersimple.com/wp-content/uploads/milo-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-monkey a {
background: url(//supersimple.com/wp-content/uploads/monkey-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-podcast a {
background: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/images/ss_nav_icon_ss-podcast_125px.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-rescue a {
background: url(//supersimple.com/wp-content/uploads/2023/08/carls-rescue-crew_web-menu-nav-button-200x200px-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-rhymington a {
background: url(//supersimple.com/wp-content/uploads/2023/09/rhymingtonsquare_web-menu-nav-button-200px-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-tobee a {
background: url(//supersimple.com/wp-content/uploads/tobee-1-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-treetop a {
background: url(//supersimple.com/wp-content/uploads/treetop-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-turnandlearn a {
background: url(//supersimple.com/wp-content/uploads/turnandlearn-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-ppp a {
background: url(//supersimple.com/wp-content/uploads/ppp-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-captain a {
background: url(//supersimple.com/wp-content/uploads/captain-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-phonicsfun a {
background: url(//supersimple.com/wp-content/uploads/phonicsfun-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-ssd a {
background: url(//supersimple.com/wp-content/uploads/ssd-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-movewithcaitie a {
background: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/images/ss_nav_icon_move-with-caitie_125px.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-pratfall a {
background: url(//supersimple.com/wp-content/uploads/pratfall-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-pirates a {
background: url(//supersimple.com/wp-content/uploads/abc-pirates-nav-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-peekaboo a {
background: url(//supersimple.com/wp-content/uploads/2024/09/peekaboo-menu-nav-button-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-noodle a {
background: url(//supersimple.com/wp-content/uploads/2024/09/noodle-menu-nav-button-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-puppets a {
background: url(//supersimple.com/wp-content/uploads/2024/09/puppets-menu-nav-button-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-roundabouts a {
background: url(//supersimple.com/wp-content/uploads/2024/09/roundabouts-menu-nav-button-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-starowl a {
background: url(//supersimple.com/wp-content/uploads/2024/09/starowl-menu-nav-button-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-toodlydoo a {
background: url(//supersimple.com/wp-content/uploads/2024/09/toodlydoo-menu-nav-button-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-animals a {
background: url(//supersimple.com/wp-content/uploads/theme-jungle-animals-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-action-verbs a {
background: url(//supersimple.com/wp-content/uploads/theme-action-verbs-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-alphabet a {
background: url(//supersimple.com/wp-content/uploads/theme-alphabet-spelling-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-circle-time a {
background: url(//supersimple.com/wp-content/uploads/2023/06/theme-circle-time-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-calendar a {
background: url(//supersimple.com/wp-content/uploads/theme-calendar-time-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-clothing a {
background: url(//supersimple.com/wp-content/uploads/theme-clothing-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-weather a {
background: url(//supersimple.com/wp-content/uploads/theme-weather-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-transportation a {
background: url(//supersimple.com/wp-content/uploads/theme-transportation-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-shapes a {
background: url(//supersimple.com/wp-content/uploads/theme-shapes-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-sports a {
background: url(//supersimple.com/wp-content/uploads/2020/09/theme-sports-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-phonics a {
background: url(//supersimple.com/wp-content/uploads/theme-phonics-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-opposites a {
background: url(//supersimple.com/wp-content/uploads/theme-opposites-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-occupations a {
background: url(//supersimple.com/wp-content/uploads/2021/02/theme-occupations-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-games a {
background: url(//supersimple.com/wp-content/uploads/2021/02/theme-games-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-nature a {
background: url(//supersimple.com/wp-content/uploads/theme-nature-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-left a {
background: url(//supersimple.com/wp-content/uploads/theme-left-right-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-insects a {
background: url(//supersimple.com/wp-content/uploads/theme-insects_1-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-holidays a {
background: url(//supersimple.com/wp-content/uploads/theme-holidays-celebrations-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-holidays-christmas a {
background: url(//supersimple.com/wp-content/uploads/theme-christmas-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-holidays-halloween a {
background: url(//supersimple.com/wp-content/uploads/theme-halloween-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-holidays-valentines a {
background: url(//supersimple.com/wp-content/uploads/theme-valentines-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-holidays-easter a {
background: url(//supersimple.com/wp-content/uploads/2021/02/icon-easter-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-hello a {
background: url(//supersimple.com/wp-content/uploads/theme-hello-goodbye-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-food a {
background: url(//supersimple.com/wp-content/uploads/theme-food-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-family a {
background: url(//supersimple.com/wp-content/uploads/theme-family-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-emotions a {
background: url(//supersimple.com/wp-content/uploads/theme-emotions-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-daily a {
background: url(//supersimple.com/wp-content/uploads/theme-daily-routines-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-counting a {
background: url(//supersimple.com/wp-content/uploads/theme-counting-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-colors a {
background: url(//supersimple.com/wp-content/uploads/theme-colors-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-body a {
background: url(//supersimple.com/wp-content/uploads/theme-parts-of-the-body-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-animals-pets a {
background: url(//supersimple.com/wp-content/uploads/theme-pets-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-animals-sea a {
background: url(//supersimple.com/wp-content/uploads/theme-sea-creatures-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-animals-farm a {
background: url(//supersimple.com/wp-content/uploads/theme-farm-animals-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-animals-jungle a {
background: url(//supersimple.com/wp-content/uploads/theme-jungle-animals-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-space a {
background: url(//supersimple.com/wp-content/uploads/theme-space-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-clean-up a {
background: url(//supersimple.com/wp-content/uploads/theme-clean-up.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-bed-time a {
background: url(//supersimple.com/wp-content/uploads/2025/02/theme-bed-time-125x125-1.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-pirates-theme a {
background: url(//supersimple.com/wp-content/uploads/theme-pirates-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-dance-party a {
background: url(//supersimple.com/wp-content/uploads/theme-dance-party-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-making-music a {
background: url(//supersimple.com/wp-content/uploads/theme-making-music-125x125.png) no-repeat left center/30px;
}
.left-icon-list .has-icon.icon-dinosaurs a {
background: url(//supersimple.com/wp-content/uploads/theme-dinosaurs-125x125.png) no-repeat left center/30px;
}
.social-media-wrapper {
overflow: hidden;
padding-top: 20px;
}
.social-media-buttons {
padding-left: 0;
list-style: none;
overflow: hidden;
}
.social-media-buttons li {
display: inline-block;
width: 24%;
padding: 4px;
text-align: center;
}
.social-media-buttons li a {
background: #eee;
display: inline-block;
height: 70px;
width: 70px;
border-radius: 50%;
color: white;
text-align: center;
font-size: 40px;
line-height: 68px;
opacity: 0.85;
}
.social-media-buttons li a:hover {
opacity: 1;
}
.social-media-buttons li a.instagram {
background: #613E37;
}
.social-media-buttons li a.facebook {
background: #466BAE;
}
.social-media-buttons li a.pinterest {
background: #C52935;
}
.social-media-buttons li a.twitter {
background: #54A1C8;
}
.sortFeed {
display: block;
width: 100%;
overflow: hidden;
list-style: none;
border-bottom: 2px solid #84378C;
padding-left: 0;
margin-top: 46px;
margin-bottom: 0;
}
.sortFeed li {
float: left;
padding-right: 6px;
min-width: 25%;
max-width: 50%;
padding-bottom: 0 !important;
}
.sortFeed li a {
display: block;
text-align: center;
background-color: #E2E3E5;
border-radius: 4px 4px 0 0;
padding: 4px 12px;
text-transform: uppercase;
font-family: "warsawGothic", sans-serif;
font-weight: normal;
font-size: 1.6em;
color: #AEAEAE;
}
.sortFeed li a:hover {
background-color: #cfa5d4;
color: #fff;
}
main.sortPopular a.popular,
main.sortDate a.recent {
background-color: #84378C;
color: #fff;
}
main.sortPopular a.popular:hover,
main.sortDate a.recent:hover {
background-color: #5c2263;
color: #fff;
}
.topSlider {
max-height: 350px;
border-bottom: 2px solid #dedede;
}
.topSlider ul {
padding: 0;
margin: 0;
}
.unslider-wrap {
position: relative;
max-height: 350px;
}
.slide {
max-height: 350px;
width: 100%;
overflow: hidden;
background-position: center;
background-size: cover;
text-align: center;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 8;
}
.slide a {
display: block;
height: 100%;
}
img.spacer {
vertical-align: top;
width: 100%;
opacity: 0;
max-height: 350px;
}
#menu-main-menu li {
display: inline;
list-style: none;
}
main#main {
padding-top: 2em;
padding-bottom: 2em;
}
main#main.noSidebar {
width: 100%;
}
#sidebar1 {
background: #fff;
padding: 2em 0;
}
footer#footer {
background: #39BFCD;
overflow: hidden;
clear: both;
padding: 2em 0;
}
footer#footer nav {
overflow: hidden;
}
footer#footer .footer-nav-section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 16.6666666667%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
footer#footer .footer-nav-section h6 {
color: #C0E7FA;
margin: 4px;
font-size: 0.8em;
}
footer#footer .footer-nav-section ul {
list-style: none;
padding: 4px;
font-size: 0.8em;
margin: 4px 0;
}
footer#footer .footer-nav-section a {
color: #0074BC;
}
footer#footer .privacy {
text-transform: uppercase;
background: rgba(255, 255, 255, 0.9);
padding: 0 4px;
font-weight: 600;
border-radius: 2px;
}
footer#footer .privacy:hover {
background: rgb(255, 255, 255);
color: #014e7d;
}
.character-nav {
clear: both;
text-align: center;
width: 100%;
height: 122px;
}
.character-nav button:focus {
outline: none;
}
.character-nav button.slick-prev {
position: absolute;
left: 0;
bottom: 50%;
z-index: 100;
background: #fff;
border: none;
padding: 0;
border-radius: 0 16px 16px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
width: 50px;
height: 100px;
}
.character-nav button.slick-next {
position: absolute;
right: 0;
bottom: 50%;
border-radius: 16px 0 0 16px;
z-index: 100;
background: #fff;
border: none;
padding: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
width: 50px;
height: 100px;
}
.character-nav ul {
padding: 0;
margin: 5px 0;
}
.character-nav ul li {
display: inline-block;
margin: 0 6px;
width: 112px;
}
.character-nav ul li a:focus {
outline: none;
}
.character-nav ul li img {
width: 100%;
height: auto;
}
.episode-thumbs li {
display: inline-block;
list-style: none;
}
.right-buttons a {
color: #fff;
width: 100%;
display: block;
padding: 3px;
margin-bottom: 3px;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
font-size: 0.9em;
border-radius: 16px;
max-width: 110px;
float: right;
margin-left: 5px;
}
.right-buttons .shop {
background: #42B44F;
}
.right-buttons .educators {
background: #EC2C5F;
}
#content {
min-height: 1000px;
}
.featured-vids-one,
.featured-vids-two {
background: #fff;
padding-top: 2em;
padding-bottom: 2em;
}
.video-list {
display: block;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
clear: both;
}
.video-list li {
display: inline-block;
width: calc(33.33% - 20px);
margin-right: 30px;
margin-bottom: 44px;
float: left;
position: relative;
overflow: hidden;
border-radius: 9px;
}
@media (min-width: 1120px) {
.video-list li {
width: calc(25% - 24px);
}
.video-list li:nth-of-type(3n+0) {
margin-right: 30px;
}
.video-list li:nth-of-type(4n+0) {
margin-right: 0px;
}
}
@media (max-width: 500px) {
.video-list li {
width: calc(50% - 8px);
}
.video-list li:nth-child(odd) {
margin-right: 15px;
}
.video-list li:nth-of-type(2n+0) {
margin-right: 0px;
}
.video-list .episodeTitle {
height: auto;
}
.subTopics li a {
font-size: 0.8em;
}
}
.video-list.all-songs {
margin-top: 40px;
}
.video-list.all-songs li {
margin-right: 10px;
margin-left: 10px;
display: flex;
}
.video-list a {
overflow: hidden;
position: relative;
display: block;
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: center;
background-color: #fff;
padding-bottom: 30px;
}
.video-list.home a {
padding-bottom: 0;
}
.video-list a.thumbLink {
width: 100%;
height: 100%;
}
.thumbTitleWrap {
overflow: hidden;
position: absolute;
width: 100%;
bottom: 0;
padding-bottom: 10px;
background-color: #00BBEF;
}
.video-list .episodeNumber {
padding-top: 6px;
font-weight: normal;
display: block;
font-size: 11px;
font-family: "Open Sans", sans-serif;
font-weight: 100;
}
.video-list .episodeTitle {
padding: 0px 10px 0 10px;
display: block;
font-size: 14px;
font-family: "Nunito Sans", "Open Sans", sans-serif;
text-transform: none;
font-weight: 100;
color: white;
}
.video-list img.thumb {
width: 100%;
overflow: hidden;
display: block;
margin-bottom: 5px;
height: auto;
}
.page-template-page-series .video-list img.thumb {
width: 100%;
overflow: hidden;
display: block;
margin-bottom: 5px;
height: auto;
}
.home .video-list img.thumb {
margin-bottom: 0px;
}
.video-list img.info {
vertical-align: middle;
margin-right: 0px;
}
.video-list .play-button {
width: 100%;
height: 100%;
position: absolute;
background: url(//supersimple.com/wp-content/uploads/2016/06/icon-play-button.png) no-repeat;
background-position: 50% 85px;
left: 0;
}
.all-songs.featured {
background: #d5edf8;
overflow: hidden;
border-radius: 20px;
margin: 20px 0;
padding: 20px;
border: 2px solid #00a1ce;
}
.all-songs.featured h3 {
font-size: 1.5em;
text-align: center;
}
.all-other-songs {
overflow: hidden;
float: left;
}
.all-songs li {
display: none;
}
.all-songs .visible {
display: block;
}
.video-list a.resource-link {
color: #000;
font-family: sans-serif;
font-weight: bold;
font-size: 12px;
margin: 0 auto;   border-radius: 20px;  position: absolute;
top: 6px;
right: 8px; width: 24px;
text-transform: uppercase;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
height: 24px;
}
.video-list a.resource-link:hover {
box-shadow: none;
}
.half-block {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
.round-div-blue {
margin: 5px;
background-color: #5CC7F0;
border-radius: 16px; color: #fff;
position: relative;
overflow: hidden;
}
.round-div-blue img {
display: block;
width: 100%;
}
.round-div-blue h3 {
color: white;
font-family: "VolkswagenSerial-Bold";
font-size: 1.4em;
}
.round-div-blue.schedule {
background-image: url(https://placehold.it/540x250);
background-repeat: no-repeat; margin-top: 24px;
}
.round-div-blue.shopnow {
background-image: url(http://placehold.it/540x250);
background-repeat: no-repeat;
margin-top: 24px;
}
.button-red {
display: block;
padding: 6px 25px;
background: #F59331;
color: white;
font-family: "VolkswagenSerial-Bold";
float: left;
font-size: 1.4em;
border-radius: 0 10px 10px 0;
position: absolute;
bottom: 40px;
}
.button-red:hover {
color: white;
background: #CC1F2C;
}
.cast-section {
background: #59C7DB;
}
.cast-list {
overflow: hidden;
}
.cast-list ul li {
float: left;
display: block;
}
.cast-list ul li h5 {
background: #fff;
text-align: center;
height: 40px;
line-height: 40px;
}
.section-purple {
background: #9B59A1;
height: 220px;
overflow: hidden;
}
.section-lightblue {
background: #C5E8F2;
height: 300px;
overflow: hidden;
}
.section-blue {
background: #66CEF3;
overflow: hidden;
}
.section-white {
background: #fff;
overflow: hidden;
}
.shadow-top {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}
.shadow-bottom {
box-shadow: inset 0 -3px 5px rgba(0, 0, 0, 0.2);
}
.shadow-topbottom {
box-shadow: inset 0 -10px 5px -8px rgba(0, 0, 0, 0.2), inset 0 10px 5px -8px rgba(0, 0, 0, 0.2);
}
.bar-lightblue {
border-bottom: 8px solid #D2EEFB;
}
.channel-banner {
overflow: hidden;
padding: 40px 0;
}
.channel-banner.character {
overflow: visible;
padding: 0;
}
.channel-banner.character header {
float: left;
width: 100%;
position: relative;
}
.channel-banner-wrap {
max-width: 1120px;
margin: 0 auto;
}
.header-bar-wrap {
background-color: #4D93C1;
height: 80px;
}
.page-title-wrap {
max-width: 1120px;
margin: 0 auto;
position: relative;
text-align: center;
}
.page-title-wrap.channelTitle img {
position: absolute;
left: auto;
right: 0;
margin-left: 0;
}
.channel-banner .page-title {
padding-left: 0;
padding-right: 0;
font-size: 1.8em;
margin: 0.9em 0;
margin-right: 20px;
display: block;
float: left;
color: #fff;
font-family: "VolkswagenSerial-Bold";
}
.channel-banner.seriesPage .page-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
margin-right: 0;
padding-left: 0;
}
.channel-banner .copy {
margin: 40px 0 0 0;
font-size: 1.1em;
}
.channel-banner .copy-wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 66.6666666667%;
float: right;
padding-left: 12.5px;
padding-right: 12.5px;
padding-top: 30px;
}
.channel-banner h3 {
font-size: 2em;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
font-family: "Bubblegum Sans";
text-align: center;
}
.channel-banner h4 {
font-weight: normal;
text-align: center;
font-size: 1.2em;
}
.channel-banner .subscribe {
float: left;
padding: 0 12px;
background: #ED403D url(//supersimple.com/wp-content/uploads/icon-youtube-logo-2.png) no-repeat 8px center;
display: block;
height: 54px;
margin: 13px 0;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 53px;
padding-left: 56px;
border-radius: 30px;
}
.channel-banner.seriesPage .subscribe {
float: right;
}
.gradient-yellow {
background-color: #FECC30;
background-image: linear-gradient(#FECC30, #FFEE70);
background: #FECC30;
background: linear-gradient(#FECC30, #FFEE70);
}
.gradient-blue {
background-color: #00AFE3;
background-image: linear-gradient(#00AFE3, #7FD0EE);
background: #00AFE3;
background: linear-gradient(#00AFE3, #7FD0EE);
}
.gradient-purple {
background-color: #20174D;
background-image: linear-gradient(#20174D, #523184);
background: #20174D;
background: linear-gradient(#20174D, #523184);
}
.bottom-border-blue {
border-bottom: 30px solid #01A2DD;
}
.bottom-border-purple {
border-bottom: 30px solid #20174d;
}
.single header.article-header {
padding-top: 36px;
}
h2 span.count {
font-size: 0.8em;
color: #999;
font-weight: normal;
vertical-align: middle;
padding-bottom: 9px;
line-height: 26px;
display: inline-block;
} .single h1.single-title.japanese {
font-weight: 700;
}
.videosection {
padding-bottom: 40px;
clear: both;
}
.videosection.character {
padding-top: 24px;
}
.videosection.supersimplesongs {
background: #FDC252;
}
.videosection.treetopfamily,
.videosection.green {
background: #2CB150;
}
.videosection.ppp,
.videosection.mrmonkey {
background: #7ED3F5;
}
.videosection.finleysfactory {
background: #EE607E;
}
.videosection.blue {
background: #6ECFF4;
}
.videosection.purple {
background: #C894EA;
}
.videosection.red {
background: #ED1B24;
}
.videosection.supersimplesongs .section-title-wrap,
.videosection.supersimplesongs h2 .view-all {
background: #F79F51;
}
.videosection.treetopfamily .section-title-wrap,
.videosection.treetopfamily h2 .view-all,
.videosection.green .section-title-wrap,
.videosection.green h2 .view-all {
background: #8CC554;
}
.videosection.ppp,
.videosection.mrmonkey .section-title-wrap,
.videosection.mrmonkey h2 .view-all,
.videosection.ppp h2 .view-all {
background: #00BBEF;
}
.videosection.finleysfactory .section-title-wrap,
.videosection.finleysfactory h2 .view-all {
background: #EC3E67;
}
.videosection.red .section-title-wrap,
.videosection.red h2 .view-all {
background: #ED483B;
}
.videosction .section-title-wrap {
margin-bottom: 30px;
}
.videosection.allsongs .section-title-wrap {
background: #FECD43;
}
.home .section-title-wrap {
padding: 1.5em 0;
background: #0DBDD3;
}
.home .section-title-wrap h2,
.home .section-title-wrap h1 {
margin: 0;
font-family: "VolkswagenSerial-Bold";
color: #fff;
font-size: 1.5em;
}
.videosection h2 {
margin-top: 0;
padding: 10px 0;
color: #fff;
font-size: 1.6em;
font-weight: normal;
position: relative;
line-height: 1.9em;
}
.videosection.allsongs h1 {
float: left;
color: #ED763A;
width: 100%;
margin-bottom: 0;
}
.videosection.allsongs .aboutSongs {
float: left; display: block;
width: 100%;
color: #ED763A;
}
.videosection h2.versioning {
color: #036;
}
.videosection.allsongs h2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 41.6666666667%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
margin-top: 20px;
margin-bottom: 20px;
}
.videosection.allsongs .searchSort {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
overflow: hidden;
}
.searchDropdown {
overflow: hidden;
float: left;
width: 100%; padding-bottom: 16px;
padding-top: 16px;
}
.videosection.allsongs .sort {
margin: 30px 0;
float: right;
margin-left: 20px;
overflow: hidden;
border-radius: 10px;
}
.videosection.allsongs .sort a {
color: #fff;
text-decoration: none;
background: #00A2E1;
display: block;
float: left;
padding: 4px 16px;
border-radius: 0;
}
.videosection.allsongs .sort .active {
background: #1181C1;
}
input#filter {
float: left;
width: 28%;  border-radius: 3px; }
select#sort-topic,
select#sort-playlist {
width: 28%;
margin-left: 0.5%;
float: left;
}
select#sort-direction {
width: 14%;
margin-left: 0.5%;
float: left;
}
.videosection h2 .view-all a {
display: block;
float: right;
padding: 10px;
border-radius: 35px;
padding-left: 16px;
padding-right: 50px;
background: #895EA4 url(//supersimple.com/wp-content/uploads/icon-arrow-2.png) no-repeat 95% center;
color: #fff;
font-family: sans-serif;
font-size: 16px;
text-shadow: none;
background-size: 36px;
line-height: 24px;
}
.videosection h2 .view-all img {
vertical-align: middle;
}
.aligncenter {
text-align: center;
}
.home article,
.tax-resource_type article {
float: left;
width: 100%; border-bottom: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 10px;
font-size: 0.9em; }
.home article.full-width,
.tax-resource_type article.full-width {
font-size: 1em;
}
.home .article-title,
.tax-resource_type .article-title {
font-family: "warsawGothic", sans-serif;
font-size: 1.8em;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 400;
}
.home .fullthumb,
.tax-resource_type .fullthumb {
width: 100%;
display: block;
border-radius: 9px 9px 0 0;
}
.home .main-image,
.tax-resource_type .main-image {
display: block;
float: left;
max-width: 280px;
margin-right: 1em;
min-width: 280px;
position: relative;
}
.home .main-image::before,
.tax-resource_type .main-image::before {
display: block;
content: "";
padding-top: 56.25%;
}
.home article.full-width .main-image,
.tax-resource_type article.full-width .main-image {
max-width: 100%;
float: none;
margin-right: 0;
margin-bottom: 28px;
}
.tax-resource_type .threePer article {
border-bottom: none;
}
.tax-resource_type .threePer .main-image {
margin-right: 0;
}
.excerpt {
margin-top: 0;
}
.stream-wrapper {
background-color: #E9E9E9;
margin: 10px 0;
border-radius: 4px;
overflow: hidden;
}
.listen-now {
background: #8F3F97;
color: white;
padding: 4px 8px;
text-transform: uppercase;
font-family: "warsawGothic", sans-serif;
font-weight: normal;
font-size: 1.6em;
float: left;
border-radius: 4px;
}
.stream-wrapper img {
width: 32px;
display: block;
padding-top: 3px;
}
.stream-wrapper a {
margin: 0 12px;
display: block;
float: left;
} .wp-block-image img {
margin: 10px 0; }
.blog-main li {
padding-bottom: 0.1em !important;
}
div.wp-block-image + p.noclear {
clear: none !important;
}
h2.wp-block-heading {
font-size: 2em;
}
h3.wp-block-heading {
font-size: 1.6em;
font-family: "SuperSimple";
color: #57cd52;
}
h4.wp-block-heading {
font-size: 1.2em;
font-family: "SuperSimple";
color: #000;
} div.wp-block-button a.wp-element-button {
display: block; background: #57cd52;
padding: 10px;
color: white;
text-transform: uppercase;
font-weight: normal;
font-size: 16px;
border-radius: 25px;
margin: 0 auto;
text-align: center;
max-width: 212px;
}
div.wp-block-button a.wp-element-button:hover {
background: #35ad30;
}
div.wp-block-button a.wp-element-button:visited {
color: white;
}
.home article img.wp-post-image,
.tax-resource_type article img.wp-post-image {
background: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/images/loading.gif) center center no-repeat;
max-width: 100%;
height: auto;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
}
.fullWidth {
max-height: 500px;
max-height: 50vh;
overflow: hidden;
}
.fullWidth img {
width: 100%;
height: auto;
}
.bannerBG {
max-height: 350px;
width: 100%;
overflow: hidden;
background-position: center;
background-size: cover;
text-align: center;
}
.bannerBG img {
vertical-align: top;
width: 100%; opacity: 0; }
.youtube-blurb {
padding: 2em 0;
background: #FFFDF0;
}
.yt-left {
background: #FFFDEA;
float: left;
margin-right: 30px;
padding: 10px;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
margin-top: 0px;
}
.copyright {
text-align: center;
color: white;
font-size: 0.8em;
}
.material-icons.md-14 {
font-size: 14px;
}
::-webkit-input-placeholder {
color: #ccc;
font-style: italic;
}
:focus::-webkit-input-placeholder {
text-indent: -999px;
}
::-moz-placeholder {
color: #ccc;
font-style: italic;
}
:focus::-moz-placeholder {
text-indent: -999px;
}
.page-template-page-contact .thirds {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 33.3333333333%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
border-right: 3px solid #eee;
padding: 0;
padding-right: 30px;
min-height: 550px;
}
.page-template-page-contact .thirds:nth-child(2) {
padding-left: 30px;
}
.page-template-page-contact .thirds:nth-child(3) {
padding-right: 0px;
padding-left: 30px;
border-right: 0;
}
.page-template-page-contact label {
font-family: "VolkswagenSerial-Bold", "Open Sans", sans-serif;
color: #5558A3;
}
.page-template-page-contact h2 {
font-size: 2.2em;
}
.contact-social {
list-style: none;
padding-left: 0;
}
.contact-social li {
display: inline-block;
float: left;
}
.contact-social li a {
display: block;
padding: 6px;
margin-right: 5px;
width: 40px;
height: 40px;
text-indent: -9990px;
}
.contact-fb {
background: url(//supersimple.com/wp-content/uploads/nav-icons/fb.png) no-repeat center center/40px;
}
.contact-inst {
background: url(//supersimple.com/wp-content/uploads/nav-icons/instagram.png) no-repeat center center/40px;
}
.contact-pin {
background: url(//supersimple.com/wp-content/uploads/nav-icons/pinterest.png) no-repeat center center/40px;
}
.header-ad-free {
background: #01BBD3;
padding: 0;
overflow: hidden;
}
.header-ad-free .inner-content {
overflow: hidden;
padding: 1em;
}
.netflix-blurb {
background: #9E7AB4;
padding-top: 58px;
}
.header-ad-free h1 {
color: #fff;
font-size: 1.4em;
margin: 0 0 0.4em;
}
.header-ad-free p {
color: #fff;
margin: 0;
}
.ad-free-wrap {
list-style: none;
padding-left: 0;
}
.ad-free-wrap li {
overflow: hidden;
margin-bottom: 4em;
}
.ad-free-img {
width: 20%;
float: left;
padding-top: 14px;
}
.ad-free-img img {
width: 100%;
height: auto;
max-width: 215px;
}
.ad-free-option {
float: left;
width: 80%;
padding-left: 14px;
}
.ad-free-option h2 {
float: left;
}
.ad-free-option p {
clear: both;
}
.ads-and-fees {
float: right;
padding: 2px 14px;
border-radius: 6px;
margin-left: 4px;
color: #fff;
font-size: 0.8em;
font-weight: bold;
margin-top: 18px;
}
.ads-and-fees.orange {
background: #F59331;
}
.ads-and-fees.green1 {
background: #8DC549;
}
.ads-and-fees.green2 {
background: #61BA4D;
}
.ads-and-fees.red {
background: #EE5A34;
}
.episode-subscribe {
float: left;
padding: 0 12px;
background: #ED403D url(//supersimple.com/wp-content/uploads/icon-youtube-logo-2.png) no-repeat 8px center;
display: block;
height: 54px;
margin: 13px 0;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 53px;
padding-left: 56px;
border-radius: 30px;
}
.episode-subscribe:hover {
color: #fff;
background-color: #d80707;
}
.episode-subscribe:visited {
color: #fff;
}
.widget {
clear: both;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.widget-content {
overflow: hidden;
width: 100%;
}
.all-songs {
overflow: hidden;
margin: 0;
padding: 0;
clear: both;
}
.all-songs li {
display: block;
float: left;
width: 25%;
position: relative;
text-align: center;
margin-bottom: 15px;
margin-top: 15px;
}
.all-songs .episodeTitle {
height: 46px;
}
.thumbLinkAllsongs {
display: block;
margin: 0 30px;
transition: 0.4s all ease;
float: left;
width: 100%;
}
.page-template-page-all-songs .thumbLinkAllsongs,
.page-template-page-all-songs-list .thumbLinkAllsongs {
overflow: visible;
width: auto;
float: none;
}
#sidebar1 .thumbLinkAllsongs {
clear: both;
float: left;
width: 100%;
overflow: visible;
}
.allsongsthumb {
display: block;
border-radius: 50%;
width: 100%;
height: auto;
margin: 0 auto;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.thumbPositioner a:hover .allsongsthumb,
.thumbLinkAllsongs:hover .allsongsthumb,
.thumbLinkAllsongs:hover .episodethumb {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
transform: scale(1.1);
transition: all 0.1s ease-in-out;
}
.thumbPositioner a .allsongsthumb,
.thumbLinkAllsongs .allsongsthumb,
.thumbLinkAllsongs .episodethumb {
transition: all 0.1s ease-in-out;
}
.episodethumb {
display: block;
border-radius: 8px;
width: 100%;
height: auto;
margin: 0 auto;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.episodeDate,
.episodeTitle {
display: block;
}
.episodeTitle {
font-size: 14px;
margin-top: 10px;
clear: both; font-family: "Nunito Sans", "Open Sans", sans-serif;
color: #00609c;
}
.episodeDate {
font-size: 12px;
color: #999;
}
.videosection .new-series {
left: 8px;
background: #f00;
float: left;
padding: 4px 8px 2px 8px;
color: #fff;
font-size: 14px;
border-radius: 0;
text-shadow: none;
letter-spacing: 1px;
font-family: "VolkswagenSerial-Bold"; position: absolute;
top: 8px;
border-radius: 6px;
}
.videosection .all-songs .new-series {
left: 10px;
top: 0px;
}
#sidebar1 .newsongs {
list-style: none;
padding-left: 0;
}
#sidebar1 .newsongs .thumbLinkAllsongs {
margin: 0 0 12px 0;
font-size: 13px;
padding-bottom: 4px;
}
#sidebar1 .newsongs .allsongsthumb {
width: 100px;
margin: 0;
margin-right: 12px;
float: left;
}
#sidebar1 .newsongs .episodethumb {
width: 125px;
margin: 0;
margin-right: 12px;
float: left;
}
#sidebar1 .newsongs .episodeTitle {
margin-top: 32px;
clear: none; margin-left: 92px;
line-height: 16px;
}
#sidebar1 .newsongs .episodeDate {
margin-left: 92px;
}
.load-more,
.misha_loadmore {
text-align: center;
font-size: 11px;
color: #999;
text-transform: uppercase;
display: block;
margin-bottom: 50px;
cursor: pointer;
}
.post-listing {
padding-top: 2em;
padding-bottom: 2em;
}
.tax-resource_type .post-listing {
padding-top: 4em;
}
.icon-bar {
position: relative;
background: #9561B6;
height: 18px;
margin-bottom: 20px;
border-radius: 0 0 9px 9px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
.icon-bar.songs {
background-color: #50B9BE;
}
.article-title.songs {
color: #2B8A8D;
}
.icon-bar.teaching {
background-color: #91C265;
}
.article-title.teaching {
color: #4E893E;
}
.icon-bar.science {
background-color: #4089AB;
}
.article-title.science {
color: #4089AB;
}
.icon-bar.episode {
background-color: #9D72AF;
}
.article-title.episode {
color: #644072;
}
.icon-bar.recipes {
background-color: #F16C48;
}
.article-title.recipes {
color: #B72925;
}
.icon-bar.activities {
background-color: #73BC6A;
}
.article-title.activities {
color: #298342;
}
.icon-bar.parenting {
background-color: #B465A8;
}
.article-title.parenting {
color: #8A357A;
}
.icon-bar.crafts {
background-color: #EE9931;
}
.article-title.crafts {
color: #EE9931;
}
.icon-bar.free-printables {
background-color: #F69F5B;
}
.article-title.free-printables {
color: #DB5630;
}
.icon-bar.stem {
background-color: #34BADB;
}
.article-title.stem {
color: #127993;
}
.icon-bar.whats-new {
background-color: #D95737;
}
.article-title.whats-new {
color: #D95737;
}
.icon-bar.interactive-storybook {
background-color: #3ebcd2;
}
.article-title.interactive-storybook {
color: #017998;
}
.icon-bar.series {
background-color: #F69F5B;
}
.article-title.series {
color: #DB5630;
}
.icon-list {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.icon-list li {
background: #F8AE56;
float: left;
position: absolute;
display: block; height: 60px;
width: 60px;
overflow: hidden;
bottom: -40px;
border-radius: 50%;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
left: 10px;
z-index: 11;
text-align: center;
}
.icon-list li:nth-child(2) {
left: 55px;
z-index: 9;
}
.icon-list li:nth-child(3) {
left: 100px;
z-index: 8;
}
.icon-list li:nth-child(4) {
left: 145px;
z-index: 7;
}
article.full-width .icon-list li {
height: 80px;
width: 80px;
}
article.full-width .icon-list li:nth-child(2) {
left: 75px;
z-index: 9;
}
article.full-width .icon-list li:nth-child(3) {
left: 140px;
z-index: 8;
}
article.full-width .icon-list li:nth-child(4) {
left: 205px;
z-index: 7;
}
.icon-list li::after { }
.icon-list li.songs {
background: url(//supersimple.com/wp-content/uploads/icon_songs-1.png) no-repeat center center;
background-size: contain;
}
.icon-list li.crafts {
background: url(//supersimple.com/wp-content/uploads/icon_crafts-2.png) no-repeat center center;
background-size: contain;
}
.icon-list li.teaching {
background: url(//supersimple.com/wp-content/uploads/icon_recipes-1.png) no-repeat center center;
background-size: contain;
}
.icon-list li.parenting {
background: url(//supersimple.com/wp-content/uploads/icon_parenting-1.png) no-repeat center center;
background-size: contain;
}
.icon-list li.science {
background: url(//supersimple.com/wp-content/uploads/icon_stem.png) no-repeat center center;
background-size: contain;
}
.icon-list li.episode {
background: url(//supersimple.com/wp-content/uploads/icon_episodes.png) no-repeat center center;
background-size: contain;
}
.icon-list li.recipes {
background: url(//supersimple.com/wp-content/uploads/icon_teaching-1.png) no-repeat center center;
background-size: contain;
}
.icon-list li.activities {
background: url(//supersimple.com/wp-content/uploads/icon_activities.png) no-repeat center center;
background-size: contain;
}
.icon-list li.stem {
background: url(//supersimple.com/wp-content/uploads/icon_stem-1.png) no-repeat center center;
background-size: contain;
}
.icon-list li.free-printables {
background: url(//supersimple.com/wp-content/uploads/icon_printables-1.png) no-repeat center center;
background-size: contain;
}
.icon-list li.whats-new {
background: url(//supersimple.com/wp-content/uploads/icon-whats-new.png) no-repeat center center;
background-size: contain;
}
.icon-list li.interactive-storybook {
background: url(//supersimple.com/wp-content/uploads/2021/01/icon_storybook.png) no-repeat center center;
background-size: contain;
}
.icon-list li.series {
background: url(//supersimple.com/wp-content/uploads/2021/02/icon_series.png) no-repeat center center;
background-size: contain;
}
.threePer article a.article-title {
font-size: 12px; display: block;
position: absolute;
background: #f59331;
width: 100%;
padding: 5px;
color: #f6f6f6;
bottom: 0px;
text-align: center;
line-height: 12px;
}
.threePer article img.wp-post-image {
width: 100%;
}
.resource_topic-archive .threePer article {
list-style: none;
padding-left: 0;
}
.resource_topic-archive .threePer article li a {
width: 29%;
float: left;
height: 120px;
position: relative;
overflow: hidden;
margin-right: 4%;
margin-bottom: 24px;
border-radius: 12px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
padding-top: 44px;
}
.resource_topic-archive .threePer article a {
font-size: 18px;
font-weight: bold;
padding: 5px;
color: #f6f6f6;
text-align: center;
}
.moreStuff {
background: #EBF7FD;
}
.moreStuff h4 {
color: #EC5B3C;
font-weight: bold;
text-align: center;  margin-bottom: 0.5em;
text-transform: uppercase;
font-size: 1.7em;
position: relative;
top: -0.5em;
}
.moreStuffList {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
max-height: 260px;
}
.moreStuffList li {
display: inline-block;
width: 16%;
text-align: center;
overflow: hidden;
}
.moreStuffList .owl-item li {
width: 100%;
padding: 0 18px;
}
.moreStuffList .episodeTitle {
display: block;
height: 30px;
margin-bottom: 10px;
font-size: 14px;
}
.moreStuffList img {
border-radius: 50%;
}
.resource-type-wrapper.type-songs article {
box-shadow: none;
}
.resource-type-wrapper article.threePer {
width: 33%;
float: left;
position: relative;
margin-bottom: 24px;
padding: 0 10px;
}
.resource-type-wrapper.type-songs article.fourPer {
width: 25%;
float: left;
position: relative;
margin-bottom: 24px;
}
.resource-type-wrapper.type-wkshts article.fourPer {
width: 25%;
float: left;
position: relative; margin-bottom: 24px; padding: 0 10px;
border-bottom: 0;
}
.resource-type-wrapper.type-songs article.fourPer .h2,
.resource-type-wrapper.type-wkshts article.fourPer .h2 {
text-align: center;
font-size: 1.3em;
padding: 0 6px;
font-family: "Nunito Sans", "Open Sans", sans-serif;
text-transform: none;
font-weight: 100;
}
.resource-type-wrapper .thumbWrapper {
position: relative;
width: 100%;
padding-bottom: 56%;
height: auto;
margin-bottom: 10px;
}
.resource-type-wrapper.type-songs .thumbWrapper {
float: none;
margin: 0 auto;
padding-bottom: 58%;
margin-bottom: 10px;
}
.resource-type-wrapper.type-shows .thumbWrapper {
padding-bottom: 71%;
}
#coloring-pages.resource-type-wrapper .thumbWrapper,
#flashcards.resource-type-wrapper .thumbWrapper,
#worksheets.resource-type-wrapper .thumbWrapper {
padding-bottom: 70%;
}
.thumbPositioner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.resource-type-wrapper.type-wkshts .thumbWrapper {
text-align: center; overflow: hidden;
margin-bottom: 10px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
border-radius: 4px;
border: 1px solid #ddd;
}
.resource-type-wrapper.type-wkshts .thumbWrapper:hover {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.resource-type-wrapper.type-wkshts .thumbWrapper img {
max-width: 100%;
max-height: none;
height: auto;
width: 100%; transition: all 0.1s ease-in-out;
}
.resource-type-wrapper.type-wkshts .thumbWrapper:hover img {
position: absolute;
left: 0%;
transform: scale(1.1);
}
ul.relatedContent {
padding-left: 0;
}
li.thumbWrapper {
list-style: none;
float: left;
position: relative;
overflow: hidden;
margin-right: 2%;
width: 31%;
border-radius: 4px;
margin-bottom: 2%;
}
li .thumbWrapperInner {
text-align: center; overflow: hidden;
margin-bottom: 10px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
border-radius: 4px;
border: 1px solid #ddd;
float: left;
position: relative;
width: 100%;
padding-bottom: 66%;
height: auto;
}
li.thumbWrapper img {
max-width: 100%;
max-height: none;
height: auto;
width: 100%;
display: block !important;
}
li.thumbWrapper .relatedTitle {
position: absolute;
bottom: 0;
color: white;
background: rgb(143, 63, 151);
width: 100%;
font-size: 12px;
padding: 4px 6px;
font-weight: 600;
left: 0;
}
.resource-type-wrapper h2 {
font-family: "warsawGothic", sans-serif;
font-size: 1.8em;
text-transform: uppercase; color: #2677b2;
padding: 4px 8px;
font-weight: 100; border-bottom: 2px solid;
padding-left: 0;
}
.pricetag {
white-space: nowrap;
position: relative;
margin: 0 15px 8px 10px;
display: inline-block;
height: 25px;
border-radius: 0 5px 5px 0;
padding: 0 15px 0 15px;
background: #E8EDF0;
color: #999;
line-height: 25px;
font-size: 12px;
box-shadow: 1px 1px 0px #ccc;
}
.pricetag:before {
position: absolute;
content: "●";
color: #fafafa;
text-shadow: 1px 1px 0px #ccc;
font-size: 11px;
line-height: 0px;
text-indent: 12px;
left: -14px;
width: 1px;
height: 0px;
border-right: 14px solid #E8EDF0;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
}
a.newsletter-button {
display: block; background: #57cd52;
padding: 10px;
color: white;
text-transform: uppercase;
font-weight: normal;
font-size: 20px;
border-radius: 25px;
margin: 0 auto;
text-align: center;
max-width: 212px;
}
a.newsletter-button:hover {
background: #35ad30;
}
.loading-bar {
display: grid;
grid-template-columns: 46px 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.loadingbar1 {
grid-area: 1/1/2/2;
}
.loadingbar2 {
grid-area: 1/2/2/6;
line-height: 46px;
vertical-align: middle;
padding-left: 6px;
}
.load-more-loading {
background-image: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/images/loadingdots_cream.gif);
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
position: relative !important;
background-size: 46px;
display: block;
padding: 0;
width: 46px;
height: 46px;
margin: 0 auto;
}
.super-simple-load-more,
.super-simple-side-button {
cursor: pointer;
text-align: center;
width: 120px;
display: block;
clear: both;
background: purple !important;
font-size: 16px !important;
font-family: "warsawGothic", sans-serif;
color: white;
border-radius: 4px !important;
margin: 0 auto;
padding: 4px 0 !important;
text-transform: uppercase;
font-weight: 100 !important;
}
.super-simple-side-button {
margin: 14px auto 0 auto;
}
.super-simple-side-button a {
color: white;
}
.super-simple-load-more:hover,
.super-simple-side-button:hover {
color: #fff;
background: #b34db3 !important;
}
.single-free_printables .imgwrap {
float: left;
width: 50%;
padding-right: 20px;
}
.single-free_printables article img.wp-post-image {
width: 100%;
height: auto;
}
.single-free_printables .contentwrap {
float: left;
width: 50%;
}
.single-free_printables .greybox {
background: #eee;
border-radius: 8px;
padding: 20px;
margin-bottom: 12px;
overflow: hidden;
}
.single-free_printables .allsongsthumb {
width: 80px !important;
}
.single-free_printables .relatedSongsList {
list-style: none;
padding-left: 0;
}
.single-free_printables .thumbLinkAllsongs {
margin-left: 0;
margin-right: 0;
padding: 6px 0;
}
.relatedSongsList img {
display: block;
margin: 0;
margin-right: 12px;
float: left;
}
.relatedSongsList .episodeTitle {
clear: none;
margin-top: 16px;
} .search-body-main article {
padding-bottom: 24px;
border-bottom: #eee solid 1px;
margin-bottom: 30px;
font-size: 0.8em;
min-height: 128px;
}
.search-body-main h3,
.search-body-main h4 {
font-size: 1.6em;
}
.search-body-main .searchResultsDate {
color: #aaa;
font-size: 0.8em;
font-style: italic;
}
.search-body-main .theThumb {
float: left;
width: 164px;
overflow: hidden;
margin-right: 20px;
max-height: 125px;
margin-bottom: 10px;
border-radius: 6px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.search-body-main .theThumb .thumb {
width: 100%;
height: auto;
display: block !important;
}
.search-body-main .sType {
font-size: 10px;
padding: 2px 8px;
display: inline-block;
color: white;
font-family: "Open Sans", sans-serif;
background: #644072;
border-radius: 10px;
text-transform: uppercase;
margin: 8px 2px 3px 2px;
}
.search-body-main .sType.song {
background: #2B8A8D;
}
.search-body-main .sType.article {
background: #298342;
}
.search-body-main .sType.printable {
background: #DB5630;
}
.search-body-main .series {
margin-top: 8px;
display: inline-block;
padding: 2px 6px;
font-size: 11px;
color: #888;
}
.search-body-main .sType.contenttype {
background: #7fbd03;
}
.search-body-main .search-title-wrapper {
margin-bottom: 30px;
}
.search-body-main .search-title-wrapper h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.search-results h3 {
margin: 0;
} .noRadius {
border-radius: 0 !important;
}
span.tinyText {
font-family: "Open Sans", sans-serif;
font-size: 11px;
}
.grecaptcha-badge {
display: none !important;
}
span.showTitle {
background: #0082c8;
padding: 2px 8px;
font-size: 14px;
color: white;
border-radius: 14px;
}
.subTopics {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
margin-top: 20px;
}
.subTopics {
position: sticky;
top: 0;
background: #fafafa;
z-index: 999;
}
.subTopics li {
display: inline-block;
}
.subTopics li a {
display: block;
text-align: center;
padding: 4px 10px;
margin: 6px;
color: white;
border-radius: 18px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
opacity: 0.7;
}
.subTopics li a.active {
opacity: 1;
}
.subTopics li a:hover {
box-shadow: none;
opacity: 1;
}
.inAppOnly {
position: relative;
}
.inAppOnlyOverlay,
.comingSoonOverlay {
position: absolute;
bottom: 10%;
display: block;
width: 100%;
text-align: center;
background: rgba(255, 255, 255, 0.8);
padding: 25px;
color: #000;
}
.comingSoonOverlay {
bottom: 30%;
padding: 5px;
}
.imageFullWidth {
width: 100%;
height: auto;
}
.pageCount {
position: absolute;
z-index: 234;
top: 8px;
right: 8px;
display: block;
height: auto;
padding: 5px 10px;
background: orange;
border-radius: 6px;
color: white;
font-weight: bold;
box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.15);
}
article.caities_classroom img.size-full {
width: 100%;
height: auto;
margin-bottom: 20px;
}
article.caities_classroom p,
article.caities_classroom ul,
article.caities_classroom h2 {
clear: both;
}
.search article.caities_classroom p,
.search article.caities_classroom ul,
.search article.caities_classroom h2 {
clear: none;
}
.playlistLinkContainer {
display: flex;
width: fit-content;
margin: 0 auto;
background: white;
border-radius: 20px;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 2em;
margin-top: 2em;
max-width: 500px;
}
.playlistLinkContainer:hover {
background: #ffefef;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
.playlistLinkContainer a {
display: grid;
padding: 1em;
grid-template-columns: auto auto;
color: #d42525;
}
.playlistLinkContainer i {
grid-row: 1/3;
font-size: 110px;
padding-right: 1rem;
align-items: center;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.playlistLinkContainer h3,
.playlistLinkContainer p {
margin: 0;
}
.playlistLinkContainer h3 {
color: black;
text-transform: none;
padding-top: 0.6em;
font-family: "Nunito Sans", "Open Sans", sans-serif;
font-size: 1.1em;
font-weight: 600;
}
div.wpforms-container-full .wpforms-form ul li {
display: inline-block;
margin-right: 1em !important;
}
div.wpforms-container-full .wpforms-form input[type=checkbox],
div.wpforms-container-full .wpforms-form input[type=radio] {
margin: 0 5px 0 3px;
}
.gridWrapperContact {
display: grid;
grid-template-columns: 2fr 1fr;
}
.gridWrapperContact .emailForm {
border-right: 3px solid #eee;
padding-right: 1.5em;
}
.gridWrapperContact .niceToMeetYou {
padding-left: 1.5em;
}
.leavingSiteOverlay {
position: fixed;
text-align: center;
display: flex;
font-size: 1.3em;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.925);
align-items: center;
justify-content: center;
z-index: 1000;
padding: 0.5em;
}
.leavingSiteMessage {
background: white;
position: relative;
padding: 1em 2em;
border-radius: 2em;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
margin: auto;
margin-top: 25vh;
max-width: 600px;
text-align: center;
}
.leavingSiteMessage:before {
content: "";
display: inline-block;
width: 100%;
height: 25vh;
background-repeat: no-repeat;
position: absolute;
top: -25vh;
left: 1em;
background-image: url(//supersimple.com/wp-content/uploads/2020/05/byebye-puppet.png);
background-size: contain;
}
.leavingSiteMessage p,
.leavingSiteBtns {
margin-bottom: 2.5em;
}
.leavingSiteMessage h2 {
font-size: 3em;
margin-top: 0;
margin-bottom: 0;
}
.leavingSiteDestination {
font-size: 1rem;
}
.leavingSiteBtns button {
padding: 0.5em 1em;
background: purple;
color: white;
border-radius: 30px;
margin-left: 0.5em;
margin-right: 0.5em;
border: none;
}
.leavingSiteBtns button:hover {
background: #bb5fbb;
}
.leavingSiteBtns button.btnGoBack {
margin-bottom: 0.5em;
}
.leavingSiteCountdownWrap {
background: #eee;
border-radius: 8px;
overflow: hidden;
padding-top: 0.5em;
max-width: 450px;
margin: 0 auto;
}
.progressBar {
width: 0%;
height: 6px;
background-color: #70ce70;
border-radius: 3px;
margin-top: 0.5em;
}
.progressBar.animate {
animation: load 5s linear;
animation-fill-mode: forwards;
width: 0%;
}
@keyframes load {
from {
width: 0%;
}
to {
width: 100%;
}
}
.ageGateOverlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.975);
display: grid;
justify-content: center;
align-content: center;
text-align: center;
z-index: 1000;
font-size: 1.4em;
grid-template-columns: minmax(auto, 500px);
}
.ageGateOverlay img {
max-width: 250px;
margin: 0 auto;
}
.ageGateOverlay h2 {
font-size: 2em;
}
.ageGateOverlay button {
padding: 0.5em 1.5em;
background: purple;
color: white;
border-radius: 30px;
margin-left: 1em;
margin-right: 1em;
border: none;
margin-top: 1em;
}
.ageGateOverlay button:hover,
.ageGateOverlay button:focus {
background: #c548c5;
outline: 0;
}
.ageGateOverlay #ageGateYear {
height: 2em;
margin: 0 auto;
margin-bottom: 14px;
}
.adMessage {
font-size: 12px;
color: gray;
font-style: italic;
text-align: right;
margin-top: 0;
width: 100%;
display: inline-block;
}
.wp-block-image img {
width: 100%;
height: auto;
}
.howToSongs img {
max-width: 100%;
height: auto;
}
div.newSlide {
max-height: 350px;
width: 100vw;
height: 44vw;
overflow: hidden;
max-width: 100%;
}
.page-template-page-home div.newSlide {
border-bottom: 2px solid #dedede;
}
a.newSlideLink,
.seriesBanner {
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 44vw;
max-height: 350px;
}
.newSlide img {
max-height: 350px;
height: inherit;
}
#more-fun.resource-type-wrapper,
.resource-type-wrapper2,
#more-fun .resource-type-wrapper,
.resource-type-wrapper2 {
overflow: visible;
}
#more-fun.resource-type-wrapper.type-wkshts .thumbWrapper,
#more-fun .resource-type-wrapper.type-wkshts .thumbWrapper,
.icon-cards.resource-type-wrapper.type-wkshts .thumbWrapper,
.icon-cards .resource-type-wrapper.type-wkshts .thumbWrapper {
margin-bottom: 0;
border-radius: 9px 9px 0 0;
border: none;
}
#more-fun.resource-type-wrapper article,
.icon-cards.resource-type-wrapper article {
margin-bottom: 48px;
}
#more-fun.resource-type-wrapper.type-wkshts article.fourPer .h2,
#more-fun .resource-type-wrapper.type-wkshts article.fourPer .h2,
.icon-cards.resource-type-wrapper.type-wkshts article.fourPer .h2,
.icon-cards .resource-type-wrapper.type-wkshts article.fourPer .h2 {
padding: 0;
}
#more-fun.resource-type-wrapper.type-wkshts article.fourPer,
#more-fun .resource-type-wrapper.type-wkshts article.fourPer,
.icon-cards.resource-type-wrapper.type-wkshts article.fourPer,
.icon-cards .resource-type-wrapper.type-wkshts article.fourPer {
margin-bottom: 58px;
}
#more-fun .icon-bar,
.icon-cards .icon-bar {
height: 12px;
box-shadow: none;
}
#more-fun .icon-list li,
.icon-cards .icon-list li {
height: 40px;
width: 40px;
bottom: -26px;
}
#more-fun .more-fun-title {
font-size: 0.9em;
}
#more-fun .icon-list li:nth-child(2),
.icon-cards .icon-list li:nth-child(2) {
left: 39px;
z-index: 10;
}
.linkfire-wrapper {
background-color: #E9E9E9;
margin: 10px 0;
border-radius: 4px;
overflow: hidden;
display: grid;
grid-template-columns: 1fr 5fr;
column-gap: 0.5em;
}
.listen-now-text {
background: #8F3F97;
color: white;
padding: 4px 8px;
text-transform: uppercase;
font-family: "warsawGothic", sans-serif;
font-weight: normal;
font-size: 1.6em;
border-radius: 4px;
display: grid;
text-align: center;
align-items: center;
}
.linkfireLink {
display: grid;
}
.linkfire-wrapper img {
width: auto;
display: block;
padding-top: 0;
padding: 0.15em;
max-width: 100%;
align-self: center;
}
.chooseLang {
width: 100%;
overflow: hidden;
}
.languages {
float: left;
max-width: 170px;
}
ul.languages {
margin: 0;
padding: 0;
margin-bottom: 1em;
}
li.language {
display: inline-block;
margin: 0 0.5em;
margin-left: 0;
padding: 0.25em 0.5em;
background: rgba(133, 217, 245, 0.4588235294);
border-radius: 5px;
cursor: pointer;
font-size: 0.8em;
}
.viewAll {
float: right;
font-family: sans-serif;
text-transform: none;
font-size: 1rem;
padding-top: 0.7em;
cursor: pointer;
font-weight: 100;
}
.youtubeChannels h1,
.youtubeChannels h2 {
text-align: center;
}
.youtubeChannels h2 {
margin-top: 3em;
border-top: 1px solid #e1e1e1;
padding-top: 3em;
font-size: 1.8em;
}
.youtubeChannels h2 span {
display: block;
clear: both;
font-family: "Nunito Sans", "Open Sans", sans-serif;
color: #888;
text-transform: none;
font-size: 0.5em;
}
.youtubeChannels hr {
margin: 5em 0;
}
.channels {
display: grid;
justify-content: center;
align-content: center;
grid-template-columns: repeat(auto-fit, minmax(172px, 0fr));
list-style: none;
gap: 1em;
padding: 0;
margin: 0;
}
.channels li {
background: white;
text-align: center;
font-size: 0.9em;
display: flex;
align-items: center;
justify-content: center;
min-height: 5em;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.channels li:hover {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.channels li a {
display: block;
padding: 0.4em;
}
.channels li a img {
width: 100%;
height: auto;
}
.instagramContainer {
max-width: 480px;
margin: 0 auto;
} .page-template-page-app-info .stars-outer {
height: 30px;
width: 125px;
position: relative;
display: block;
overflow: hidden;
margin: 0 auto;
clear: both;
}
.page-template-page-app-info .stars-inner {
width: 0px;
position: absolute;
top: 0;
bottom: 0;
overflow: hidden;
}
.page-template-page-app-info .stars-inner::before,
.page-template-page-app-info .stars-outer::before {
content: "★ ★ ★ ★ ★";
display: inline-block;
color: #ddd;
font-size: 20px;
}
.page-template-page-app-info .stars-inner::before {
color: gold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.page-template-page-app-info .download-button-wrapper {
padding: 1em 0;
text-align: center;
margin-bottom: 2em;
}
.page-template-page-app-info .download-button-wrapper a {
display: inline-block;
margin: 0.5em;
}
.page-template-page-app-info h1.page-title {
text-align: center;
}
.page-template-page-app-info .buttons {
display: grid;
grid-template-columns: repeat(3, minmax(200px, 1fr));
grid-gap: 0.5em;
margin-top: 6em;
margin-bottom: 6em;
}
.page-template-page-app-info .buttons .qrCode {
display: none;
grid-column: 1/-1;
}
.page-template-page-app-info .buttons img {
max-width: 100%;
height: auto;
}
.page-template-page-app-info .awards {
margin: 2em 1em 2em 1em;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-gap: 1.5em;
text-align: center;
opacity: 0.8;
align-items: center;
}
.page-template-page-app-info .awards img {
max-width: 100%;
height: auto;
}
.page-template-page-app-info .awards-footer {
width: 100%;
background-color: #cdeff0;
padding: 0.5em;
}
.page-template-page-app-info .stepWrapper {
margin: 3em 0;
position: relative;
}
.page-template-page-app-info h2.step {
text-align: center;
font-size: 2.5em;
font-family: "VolkswagenSerial-Bold";
text-transform: none;
font-weight: bold;
margin: 1em 0;
color: black;
display: block;
}
.page-template-page-app-info h2.stepOne {
line-height: normal;
}
.page-template-page-app-info span.stepOneDesc {
margin: 0;
font-weight: bold;
font-size: 1.4em;
color: #33C7F8;
text-align: center;
display: block;
padding: 0;
}
.page-template-page-app-info span.number {
background-color: #FF6600;
text-align: center;
width: 1.25em;
height: 1.25em;
color: white;
border-radius: 50%;
display: block;
font-size: 4em;
line-height: 1.4em;
float: none;
font-family: "VolkswagenSerial-Bold";
margin: 0 auto;
}
.page-template-page-app-info .spinVideo {
max-width: 100%;
margin: 2em auto;
border-radius: 1.2em;
position: relative;
display: block;
}
.page-template-page-app-info span.ni {
background-color: #FFDE08;
}
.page-template-page-app-info #entries {
background-color: white;
margin: 2em auto;
width: 90%;
border-radius: 1em;
text-align: center;
}
.page-template-page-app-info .subscribeNow,
.page-template-page-app-info .subscribeNow:visited {
display: block;
font-family: "VolkswagenSerial-Bold";
background: #F9871F;
color: white;
text-align: center;
padding: 1em 1em;
border-radius: 0.5em;
max-width: 28vw;
position: absolute;
left: 63%;
top: 49%;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
font-size: 1.4em;
text-transform: uppercase;
}
.page-template-page-app-info .subscribeNow:hover {
color: white;
background: orange;
}
.page-template-page-app-info .subscribeNowButton,
.page-template-page-app-info .subscribeNowButton:visited {
display: block;
padding: 0.5em 3em;
background: #FCDB43;
border-radius: 0.5em;
color: black;
font-size: 0.8em;
margin: 0.5em;
line-height: 1.2em;
}
.page-template-page-app-info .extraMargin {
margin: 4em 0;
}
.page-template-page-app-info .wdn-text-hidden {
font-size: 0;
width: 1px;
height: 1px;
display: inline-block;
overflow: hidden;
position: absolute !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
clip: rect(1px, 1px, 1px, 1px);
}
.page-template-page-app-info div.newSlide {
max-height: 350px;
width: 100vw;
height: 44vw;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-page-app-info a.newSlideLink,
.page-template-page-app-info .seriesBanner {
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 44vw;
max-height: 350px;
}
.page-template-page-app-info .newSlide img {
max-height: 350px;
height: inherit;
}
.page-template-page-app-info .videoWrap {
display: block;
overflow: hidden;
position: relative;
}
.page-template-page-app-info .h2link,
.page-template-page-app-info .h2link:visited {
text-decoration: underline;
color: #008aee;
display: contents;
}
.page-template-page-app-info .h2link:hover {
color: #005ea2;
}
@media (max-width: 980px) {
.page-template-page-app-info .subscribeNowButton,
.page-template-page-app-info .subscribeNowButton:visited {
padding: 0.5em 0.5em;
}
}
@media (max-width: 620px) {
.page-template-page-app-info span.number {
float: none;
margin: 0.5em auto;
font-size: 3em;
}
.page-template-page-app-info h2.step {
text-align: center;
font-size: 1.5em;
}
.page-template-page-app-info span.stepOneDesc {
padding: 1em 0;
clear: both;
display: block;
text-align: center;
}
.page-template-page-app-info .buttons {
clear: both;
display: block;
}
.page-template-page-app-info .subscribeNow,
.page-template-page-app-info .subscribeNow:visited {
font-size: 1em;
padding: 0.7em;
max-width: 30vw;
top: 36%;
}
} .youtubeChannels h1,
.youtubeChannels h2 {
text-align: center;
}
.youtubeChannels h2 {
margin-top: 3em;
border-top: 1px solid #e1e1e1;
padding-top: 3em;
font-size: 1.8em;
}
.youtubeChannels h2 span {
display: block;
clear: both;
font-family: "Nunito Sans", "Open Sans", sans-serif;
color: #888;
text-transform: none;
font-size: 0.5em;
}
.youtubeChannels hr {
margin: 5em 0;
}
.youtubeChannels .channels {
display: grid;
justify-content: center;
align-content: center;
grid-template-columns: repeat(auto-fit, minmax(172px, 0fr));
list-style: none;
gap: 1em;
padding: 0;
margin: 0;
}
.youtubeChannels .channels li {
background: white;
text-align: center;
font-size: 0.9em;
display: flex;
align-items: center;
justify-content: center;
min-height: 5em;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.youtubeChannels .channels li:hover {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.youtubeChannels .channels li a {
display: block;
padding: 0.4em;
}
.youtubeChannels .channels li a img {
width: 100%;
height: auto;
}
.youtubeChannels .wp-post-image {
display: none !important;
} .merch-body-main h1,
.merch-body-main h2 {
font-family: "VolkswagenSerial-Bold";
text-transform: none;
font-weight: bold;
color: #45B2E3;
font-size: 4em;
margin-bottom: 0.25em;
}
.merch-body-main h2 {
font-size: 3em;
margin-bottom: 0.2em;
}
.merchWrapper {
width: 100%;
overflow: hidden;
}
.merchBox {
width: 23%;
margin-right: 2%;
float: left;
min-height: 250px;
padding: 6px;
text-align: center;
font-size: 12px;
}
.merchBox:nth-child(4) {
margin-right: 0;
}
.merchBox img {
width: 100%;
height: auto;
}
.equal-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5em; }
.equal-grid div { }
@media only screen and (max-width: 600px) {
.equal-grid {
grid-template-columns: 1fr;
}
}
.outline-button {
display: block;
text-transform: uppercase;
font-family: "VolkswagenSerial-Bold";
color: #000;
font-size: 1.3em;
font-weight: normal;
border: 1px solid #000;
border-radius: 24px;
margin: 0 auto;
padding: 8px 14px 4px 14px;
width: fit-content;
}
.outline-button:visited {
color: #000;
}
.allProductsLink,
.allProductsLinkMobile,
.allProductsLinkMobile:visited,
.allProductsLink:visited {
background: #60CAF1;
display: block;
margin: 0 auto;
padding: 16px 20px;
color: white;
font-weight: bold;
width: 25%;
min-width: 200px;
text-align: center;
margin-bottom: 80px;
border-radius: 32px;
}
.allProductsLink:hover {
background: #25b2e6;
}
.allProductsLink {
margin: 0;
font-size: 16px;
margin-bottom: 0;
float: right;
font-family: "Nunito Sans", "Open Sans", sans-serif;
margin-top: 4px;
}
.allProductsLinkMobile {
display: none;
}
.audioVideoWrapper {
width: 100%;
overflow: hidden;
border-top: 1px solid #B6B7BA;
}
.audioVideoBox {
width: 50%;
float: left; border-right: 1px solid #B6B7BA;
padding: 20px;
text-align: center;
}
.audioVideoBox:nth-child(2) {
border-right: none;
}
.audioDownloadWrapper {
width: 100%;
overflow: hidden;
}
.audioDownloadBox {
width: 25%;
float: left;
min-height: 50px;
padding: 0 8px;
font-size: 14px;
}
.audioDownloadBox img {
width: 100%;
height: auto;
}
.audioDownloadBox.itunes {
padding: 0 3.8%;
}
.audioDownloadBox.gplay {
padding: 0 3%;
}
.audioDownloadBox.amazon {
padding: 0 1.3%;
}
.audioDownloadBox.YTKids {
padding: 0 1.3%;
width: 30%;
}
.audioDownloadBox.amazonVideo {
padding: 0 1.3%;
width: 30%;
}
.audioDownloadBox.spotify,
.audioDownloadBox.youtubeMusic {
padding: 0 4.5%;
}
.audioDownloadBox.appleMusic {
padding: 0 1.3%;
}
.productTitle {
height: 48px;
}
.productInfoLink {
display: block;
padding-bottom: 12px;
}
.productInfo {
position: absolute;
display: none;
max-width: 600px;
text-align: left;
background: #fff;
border: 1px solid #eee;
padding: 12px;
border-radius: 6px;
margin-right: 20px;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}
.productInfo.visible {
display: block;
}
.shippingReturns {
text-align: center;
font-size: 12px;
padding: 2em;
background: #efefef;
margin-bottom: 4em;
}
.appAdWrapper {
text-align: center;
margin: 8em 0;
}
.appAdImage img {
max-width: 100%;
}
.appAdButtons a {
display: inline-block;
margin: 0.5em;
max-width: 250px;
}
.appAdButtons a img {
max-width: 100%;
height: auto;
}
.buyAmazon {
width: 100px;
overflow: hidden;
display: block;
float: none;
margin: 0 auto;
}
.amazon-products-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
grid-gap: 1.5em;
}
.amazon-product {
background: white;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
padding: 0.5em;
font-size: 0.8em;
}
.amazon-product:hover {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
span.product-title {
clear: both;
text-align: center;
display: block;
padding: 1em 0.5em;
} @media (max-width: 700px) {
.merchBox {
width: 48%;
margin-right: 2%;
}
} @media (max-width: 500px) {
.audioVideoBox {
width: 100%;
border-top: 1px solid #B6B7BA;
border-right: none;
}
.audioVideoWrapper {
border-top: none;
}
.merch-body-main h1 {
font-size: 2.5em;
}
.merchBox {
width: 100%;
margin-right: 0;
border-bottom: 1px solid #B6B7BA;
padding-bottom: 24px;
}
.imageHolder {
height: auto;
}
.shopify-buy-frame {
max-width: 100% !important;
}
.allProductsLink {
display: none;
}
.allProductsLinkMobile {
display: block;
}
} @keyframes bounce {
0% {
transform: rotate(0);
}
25% {
transform: rotate(-1.5deg);
}
50% {
transform: rotate(-0.5deg);
}
75% {
transform: rotate(-1.25deg);
}
100% {
transform: rotate(-1deg);
}
}
@keyframes bounceOut {
0% {
transform: rotate(-1deg);
}
25% {
transform: rotate(0.5deg);
}
50% {
transform: rotate(-0.5deg);
}
75% {
transform: rotate(0.25deg);
}
100% {
transform: rotate(0deg);
}
}
.mainSeriesCarouselWrapper {
padding-top: 4px;
border-bottom: 2px solid #e8e8e8;
background-color: #f6f6f6; max-height: 350px;
}
.mainSeriesCarousel {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
max-height: 200px;
}
.mainSeriesCarousel li {
display: inline-block;
width: 16%;
text-align: center;
}
.mainSeriesCarousel .owl-item {
max-height: 250px;
}
.mainSeriesCarousel .owl-item li {
width: 100%;
padding: 0 0 0 0;
}
.mainSeriesCarousel .owl-item li a img {
animation: bounceOut 0.5s ease-in-out 0s 1 normal both;
filter: drop-shadow(0 8px 6px rgba(33, 33, 33, 0.2));
rotate: 0deg;
transform-origin: -100% 50%;
max-width: max-content;
margin: 0 auto;
}
.mainSeriesCarousel .owl-item li a:hover img {
animation: bounce 0.5s ease-in-out 0s 1 normal both;
}
.mainSeriesCarousel li a:hover .episodeTitle {
opacity: 1;
}
.mainSeriesCarousel .episodeTitleWrapper {
display: flex;
justify-content: center;
bottom: 1vw;
position: absolute;
right: 0;
left: 0;
}
.mainSeriesCarousel .episodeTitle {
display: inline-block;
opacity: 0;
transition: opacity 0.15s ease-in;
height: auto;
margin: 0;
font-size: 12px;
background-color: #ee6306;
text-align: center;
color: white;
text-transform: uppercase;
font-family: "VolkswagenSerial-Bold", "Open Sans", sans-serif;
padding: 5px 6px 4px 6px;
line-height: 1.4em;
border-radius: 15px;
position: relative;
}
.mainSeriesCarousel img {
border-radius: 50%;
}
.mainSeriesCarousel.owl-carousel .owl-controls .owl-nav .owl-prev,
.mainSeriesCarousel.owl-carousel .owl-controls .owl-nav .owl-next {
border-top: none !important;
border-bottom: none !important;
}
.mainSeriesCarousel.owl-carousel .owl-controls .owl-nav .owl-prev {
border-right: none;
}
.mainSeriesCarousel.owl-carousel .owl-controls .owl-nav .owl-next {
border-left: none;
}  .ScrollArrows_arrow {
position: relative;
top: -3.5vw;
display: inline-block;
overflow: hidden;
cursor: pointer;
pointer-events: all;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ScrollArrows_arrow svg {
position: relative;
z-index: 1;
height: 100%;
filter: drop-shadow(0 0 20px rgba(33, 33, 33, 0.6));
}
@media (max-width: 960px) {
.ScrollArrows_arrow svg {
width: 60px;
}
.ScrollArrows_arrowRight {
left: -80px !important; }
.ScrollArrows_arrowLeft {
left: -6px !important; }
.ScrollArrows_arrowBackground {
width: 74px !important;
}
}
@keyframes ScrollArrows_background-animation-right-over {
0% {
transform: translate(100px);
}
25% {
transform: translate(-7px);
}
50% {
transform: translate(7px);
}
75% {
transform: translate(-3px);
}
to {
transform: translate(0);
}
}
@keyframes ScrollArrows_background-animation-right-out {
0% {
transform: translate(0);
}
to {
transform: translate(100px);
}
}
@keyframes ScrollArrows_background-animation-left-over {
0% {
transform: translate(-110px);
}
25% {
transform: translate(-3px);
}
50% {
transform: translate(-17px);
}
75% {
transform: translate(-7px);
}
to {
transform: translate(-10px);
}
}
@keyframes ScrollArrows_background-animation-left-out {
0% {
transform: translate(-10px);
}
to {
transform: translate(-110px);
}
}
.ScrollArrows_arrowBackground {
position: absolute;
top: 0;
left: 0;
width: 110px;
height: 100%;
background-color: none;
}
.ScrollArrows_arrowRight {
padding-left: 20px;
left: -100px;
}
.ScrollArrows_arrowRight .ScrollArrows_arrowBackground {
left: 20px;
border-radius: 13px 0 0 13px;
animation: ScrollArrows_background-animation-right-out 0.2s ease-in-out 0s 1 normal both;
transform-origin: 0 0;
}
.ScrollArrows_arrowRight:hover .ScrollArrows_arrowBackground {
animation: ScrollArrows_background-animation-right-over 0.5s ease-in-out 0s 1 normal both;
background-color: #ed2a02;
}
.ScrollArrows_arrowLeft {
padding-right: 20px;
left: -20px;
}
.ScrollArrows_arrowLeft .ScrollArrows_arrowBackground {
border-radius: 0 13px 13px 0;
animation: ScrollArrows_background-animation-left-out 0.2s ease-in-out 0s 1 normal both;
transform-origin: 0 0;
}
.ScrollArrows_arrowLeft:hover .ScrollArrows_arrowBackground {
animation: ScrollArrows_background-animation-left-over 0.5s ease-in-out 0s 1 normal both;
background-color: #ed2a02;
}
.ScrollArrows_arrowHidden {
visibility: hidden;
} .blog-main {
width: 70%;
float: left;
padding-right: 20px;
}
#sidebar1 {
width: 30%;
float: left;
padding: 12px;
}
footer.article-footer {
text-align: center;
}
footer.article-footer .more-tags {
margin: 40px 0;
font-size: 0.9em;
overflow: hidden; border-top: 1px solid #ddd;
text-align: center;
}
footer.article-footer .more-content {
background-color: rgba(228, 246, 255, 0.61);
padding: 20px;
border-radius: 20px;
margin: 40px 0;
font-size: 0.9em;
overflow: hidden;
border: 1px solid #bce1fd;
}
h3, h4 {
font-size: 1.4em;
}
hr {
margin: 2.5em 0;
}
.blog .type-post {
margin-bottom: 4em;
border-bottom: 1px solid #ddd;
padding-bottom: 4em;
}
.archive .type-post {
margin-bottom: 3em;
border-bottom: 1px solid #ddd;
padding-bottom: 2.5em;
}
.pagination {
text-align: center;
}
ul.page-numbers {
list-style: none;
margin: 0 auto;
display: block;
overflow: hidden;
padding-left: 0;
}
.page-numbers li {
display: inline-block;
}
a.page-numbers {
display: block;
padding: 2px 10px;
background: #008AEE;
border-radius: 20px;
margin: 2px;
color: #fff;
}
span.page-numbers.current {
background: #eee;
display: block;
padding: 2px 10px;
border-radius: 8px;
color: #999;
}
.page-numbers {
display: inline !important;
font-weight: 400;
font-size: 14px;
}
.navigation .screen-reader-text {
display: none;
}
.post .size-full {
width: 100%;
height: auto;
}
.blog-main img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.blog-main img.alignleft {
float: left;
margin-right: 1em;
}
.blog-main img.alignright {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}
.blog-main article.post {
overflow: hidden;
}
.blog-main li {
padding-bottom: 0.6em;
color: #404040;
}
.blog-main li.thumbWrapper {
padding-bottom: 22px;
}
.list-inside {
display: table;
}
.pinitContainer {
position: relative;
overflow: hidden;
display: block;
}
.pinit,
.pinit:visited,
.pinitMain,
.pinitMain:visited {
position: absolute;
color: white;
padding: 4px 20px;
font-size: 14px;
background: #C12D3D;
width: 100px;
text-align: center;
font-family: "Open Sans", sans-serif;
font-weight: normal;
border-radius: 4px;
cursor: pointer;
}
.pinit:hover,
.pinitMain:hover {
color: white;
opacity: 0.8;
}
.pinitMain {
position: relative;
}
.single-post header.article-header.entry-header {
margin-bottom: 20px;
}
.single-post .blog-main .post .entry-content li {
margin-bottom: 4px;
clear: both;
}
.single-post .blog-main .post .entry-content div.aligncenter {
text-align: center;
width: 100% !important;
}
.single-post .blog-main .post .entry-content div.aligncenter img {
width: 100%;
height: auto;
}
.single-post .blog-main .post .entry-content img.size-full,
.single-post .blog-main .post .entry-content img.size-large {
width: 100%;
height: auto;
}
.single-post .blog-main .post .entry-content .wp-caption-text,
.single-post .blog-main .post .entry-content p {
clear: both;
}
.fiveImagesWrapper {
width: 100%;
background: white;
overflow: hidden;
padding: 15px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
border-radius: 16px;
}
.fiveImages {
width: 20%;
padding-right: 14px;
float: left;
}
.fiveImages img {
width: 100%;
height: auto;
}
figure {
margin: 0;
}
.contributorBio p {
margin: 0;
clear: none !important;
}
@media (max-width: 500px) {
.fiveImagesWrapper {
width: 100%;
background: white;
overflow: hidden;
padding: 15px;
}
.fiveImages {
width: 50%;
padding-right: 14px;
float: left;
}
.fiveImages img {
width: 100%;
height: auto;
}
.fiveImages:nth-of-type(5) {
display: none;
}
} .rcTitle {
background-color: #1792C9;
padding: 15px 0 72px 0;
position: relative;
}
.rcTitle img { position: absolute; bottom: -75px;
left: 0;
right: 0;
margin: auto;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
border-radius: 50%;
width: 140px;
height: auto;
}
.rcTitle p {
margin: 0;
color: #fff;
opacity: 0.7;
text-align: center;
}
.rcTitle-wrap {
max-width: 1120px;
margin: 0 auto;
padding: 0;
}
.rcTitle h1 {
color: white;
font-family: "warsawGothic", sans-serif;
font-size: 6em;
text-transform: uppercase;
margin: 0;
text-align: center;
}
.rcTitle img {
bottom: -60px;
width: 110px;
}
.rcTitleBar {
height: 30px;
width: 100%;
}
.featured-wrapper {
clear: both;
overflow: hidden;
margin-bottom: 2em;
}
.featured-wrapper article {
float: left;
width: 25%;
text-align: center;
font-size: 10px;
padding: 0 0.5em;
overflow: hidden;
margin-bottom: 3em;
}
.resource-wrapper ul {
padding: 0;
overflow: hidden;
font-size: 11px;
text-align: center;
}
.resource-wrapper ul li {
display: block;
float: left;
max-width: 125px;
margin-right: 10px;
}
.resource-wrapper ul li img {
display: block;
}
.resource-wrapper h3 {
margin-top: 3em;
}
.videoWrapper {
position: relative;
padding-bottom: 53%; padding-top: 3.1%;
height: 0;
overflow: hidden;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lyrics {
width: 100%;
transition: 0.5s height ease-in-out;
overflow: hidden; position: relative;
}
.showlessbutton,
.showmorebutton,
.showlessbutton3,
.showmorebutton3,
.showlessbutton2,
.showmorebutton2 {
font-size: 12px;
color: #fff; width: 100%;
display: block;
text-align: center;
background: #975bba;
padding: 2px 6px;
width: 100px;
font-weight: bold;
border-radius: 4px;
margin: 0 auto;
border: 1px solid #975bba;
}
.showlessbutton:visited,
.showmorebutton:visited,
.showlessbutton3:visited,
.showmorebutton3:visited,
.showlessbutton2:visited,
.showmorebutton2:visited {
color: #fff;
}
.showlessbutton:hover,
.showmorebutton:hover,
.showlessbutton3:hover,
.showmorebutton3:hover,
.showlessbutton2:hover,
.showmorebutton2:hover {
background: #fff;
border: 1px solid #005ea2;
color: #005ea2;
}
.menuBrowseWrap {
height: 100px;
background: #00BAEF;
}
.menuBrowseContainer {
width: 1120px;
margin: 0 auto;
}
.menuBrowse {
display: block;
float: left;
width: 300px;
list-style: none;
margin: 40px 10px;
}
.menuBrowse-dropdown {
margin-right: 2.5%;
display: block;
float: left;
width: 23%;
margin-top: 28px;
padding-right: 20px;
}
.menuBrowse-dropdown:nth-child(4) {
margin-right: 0;
}
.menuBrowse-item {
position: relative;
background: white;
}
.sub-menuBrowse {
width: 100%;
background: #f6f6f6;
list-style: none;
margin: 0;
max-height: 400px;
overflow: auto;
position: absolute;
z-index: 997;
display: block;
}
.sub-menuBrowseContainer {
display: none;
position: absolute;
width: 340px;
}
.menuBrowse-item:hover .sub-menuBrowseContainer {
display: block;
}
.moreScroll {
width: 100%;
font-size: 10px;
text-align: center;
padding: 4px 0;
position: absolute;
bottom: 0;
background: #ccc;
color: white;
z-index: 998;
cursor: pointer;
}
.testContainer {
overflow: hidden;
height: 400px;
}
.fadeout {
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
background: url(https://supersimpleonline.com/wp-content/uploads/gradient-fade-fafafa-1.png) repeat-x;
display: none;
}
.resource-type-wrapper,
.resource-type-wrapper2 {
clear: both;
overflow: hidden;
transition: 0.5s height ease-in-out;
margin-bottom: 35px;
}
.resource-type-wrapper h3,
.resource-type-wrapper2 h3 {
margin-top: 0;
font-size: 1.3em;
margin-bottom: 0.3em;
text-align: center;
display: block;
clear: both;
height: 30px;
font-family: "Nunito Sans", "Open Sans", sans-serif;
text-transform: none;
}
.resource-type-wrapper .dateAdded {
color: #666;
font-style: italic;
}
.resource-type-wrapper header,
.resource-type-wrapper2 header {
font-size: 0.7em;
}
.resource-type-wrapper article.thirdwidth,
.resource-type-wrapper2 article.thirdwidth {
display: inline-block;
width: calc(50% - 10px);
float: left;
height: 180px;
overflow: hidden;
margin-bottom: 25px;
background: #fff;
border-radius: 8px; margin-right: 5px;
position: relative;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
margin-left: 5px;
padding-top: 10px;
}
.resource-type-wrapper article.halfwidth,
.resource-type-wrapper2 article.halfwidth {
width: calc(50% - 10px);
display: inline-block;
float: left;
height: 180px;
overflow: hidden;
margin-bottom: 25px;
background: #fff;
border-radius: 8px; margin-right: 5px;
position: relative;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
margin-left: 5px;
padding-top: 10px;
}
.resource-type-wrapper article.thirdwidth:nth-of-type(2n+0),
.resource-type-wrapper2 article.thirdwidth:nth-of-type(2n+0) {
margin-right: 0;
}
.resource-type-wrapper .thumbWrapper,
.resource-type-wrapper2 .thumbWrapper {
float: left;
position: relative;
text-align: center;
}
.resource-type-wrapper .thumbWrapper img,
.resource-type-wrapper2 .thumbWrapper img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
vertical-align: middle;
}
.resource-type-wrapper .thumbWrapper span,
.resource-type-wrapper2 .thumbWrapper span {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.topicList a {
background: #975bba;
color: #fff;
border-radius: 4px;
display: block;
float: left;
margin-right: 3px;
margin-bottom: 3px;
font-size: 12px;
padding: 1px 4px;
}
.archive-title.resource-type {
float: left;
}
.sort {
float: right;
margin: 20px 0;
}
.sort a {
display: inline-block;
background: #00baef;
color: #fff;
padding: 4px 10px;
border-radius: 4px;
font-size: 14px;
opacity: 0.5;
}
.sort a:hover,
.sort a.active {
opacity: 1;
}
.buttonwrap {
overflow: hidden;
width: 100%;
}
.downloadResource {
display: block;
background: #58b74e;
color: #fff;
text-align: center;
max-width: 180px;
padding: 12px 32px;
border-radius: 32px;
margin: 2em 1em 2em 0;
float: left;
}
.downloadResource:visited {
color: #fff;
}
.downloadResource:hover {
color: #fff;
background-color: #0f9800;
}
.colorbw {
font-size: 10px;
display: block;
clear: both;
text-transform: uppercase;
}
.relatedSongs {
margin-bottom: 0.5em;
}
.lang-focus {
font-size: 0.9em;
}
.downloadTemp,
.downloadTempBW {
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #58b74e;
padding: 2px 6px;
border-radius: 4px;
position: absolute;
bottom: 7px;
right: 7px;
}
.downloadTempBW {
bottom: 32px;
}
.downloadTemp:hover,
.downloadTempBW:hover {
background-color: #0f9800;
color: white;
}
.downloadTemp:visited,
.downloadTempBW:visited {
color: #fff;
}
.buyalbum {
overflow: hidden;
}
.buyalbum a {
display: block;
padding: 10px 10px;
background: #eee;
float: left;
border-radius: 32px;
margin: 3px;
width: 48%;
font-size: 15px;
font-weight: bold;
padding-left: 50px;
}
.buyalbum a.spotify {
background-color: #2FD566;
color: #191B17;
}
.buyalbum a.itunes {
background: #b3b3b3 url(//supersimple.com/wp-content/uploads/nav-icons/itunes.png) no-repeat 14px 6px;
color: #fff;
background-size: 24px;
}
.buyalbum a.amazon {
background: #ff9900 url(//supersimple.com/wp-content/uploads/nav-icons/amazon.png) no-repeat 14px 9px;
color: #fff;
background-size: 24px;
}
.buyalbum a.googleplay {
background: #f1f1f1 url(//supersimple.com/wp-content/uploads/nav-icons/gplay.png) no-repeat 14px 6px;
color: #666;
background-size: 24px;
}
.buyalbum a.ourshop {
background: #50B848 url(//supersimple.com/wp-content/uploads/nav-icons/shop.png) no-repeat 13px 6px;
color: #fff;
background-size: 26px;
}
.buyalbum a.bamazoo {
background: #923A83 url(//supersimple.com/wp-content/uploads/nav-icons/bamazoo.png) no-repeat 13px 8px;
color: #fff;
background-size: 26px;
}
.buyalbum a:hover {
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.ad-section {
margin: 30px 0;
}
.single-resources article img.wp-post-image {
width: 300px;
}
.single-resources article .imgwrap {
float: left;
margin-right: 4%;
width: 36%;
}
.single-resources article .contentwrap {
float: left;
width: 60%;
}
.single-resources article .contentwrap p:first-child {
margin-top: 0;
}
.single-resources article ul {
margin: 0;
font-size: 0.9em;
padding-left: 1em;
margin-left: 1em;
} @media (max-width: 500px) {
.rcTitle {
padding: 0 0 50px 0;
}
.rcTitle h1 {
font-size: 1.6em;
}
.featured-wrapper article {
width: 100%;
margin-bottom: 4em;
}
.featured-wrapper h2 {
text-align: center;
margin: 2em 0;
}
.single-resources .blog-main {
text-align: center;
}
.single-resources article .contentwrap {
width: 100%;
}
.single-resources article .contentwrap p:first-child {
margin-top: 1em;
}
.single-resources article .imgwrap {
float: none;
margin-right: 0;
width: 100%;
}
.downloadResource {
float: none;
margin: 2em auto;
}
.single-resources article ul {
margin: 0;
list-style: none;
padding-left: 0;
margin-left: 0;
}
.resource-type-wrapper, .resource-type-wrapper2 {
clear: both;
transition: 0.5s height ease-in-out;
width: 100%;
margin-bottom: 10px;
}
.resource-type-wrapper article.halfwidth,
.resource-type-wrapper2 article.halfwidth,
.resource-type-wrapper article.thirdwidth,
.resource-type-wrapper2 article.thirdwidth {
width: 100%;
border: 1px solid #eee;
box-shadow: none;
margin-left: 0;
margin-right: 0;
}
.sort {
float: none;
margin: 20px auto;
text-align: center;
clear: both;
}
}   #inner-header, #inner-content, #inner-footer, .inner-content {
max-width: 1120px;
}
header#header nav {
float: right;
display: block;
margin-top: 13px;
position: relative;
clear: both;
}
nav.subNav {
height: 32px;
padding-top: 3px;
}
.nav-icon {
display: none;
} .video-list.all-songs li:nth-of-type(3n+0) {
margin-right: 10px;
}
header#header nav.subNav {
display: grid;
grid-template-columns: 7fr minmax(43px, auto);
grid-template-areas: "contentTypeNav search";
}
#menu-subnav {
grid-area: contentTypeNav;
}
#searchform {
grid-area: search;
}
main#live {
background: url(https://supersimpleonline.com/wp-content/uploads/caitie-playing-guitar.png) no-repeat center center;
background-size: 1000px auto;
height: 100%;
overflow: hidden;
}
main#live .wrap.inner-content {
position: relative;
}
main#live .wp-post-image {
max-width: 90%;
display: block;
height: auto;
max-height: 570px;
width: auto;
float: left;
bottom: 130px;
position: absolute;
}
main#live .text-wrap {
float: right;
text-align: right;
}
main#live h1 {
color: #FEED35;
font-size: 2.6em;
font-family: "VolkswagenSerial-Bold";
margin-top: 60px;
}
main#live h3 {
color: #fff;
font-size: 1.5em;
}
main#live .time {
color: white;
font-size: 1.4em;
font-weight: bold;
}
main#live .watch-button a {
background: #f00;
display: block;
padding: 4px 50px;
font-size: 3em;
color: #fff;
float: right;
font-weight: bold;
border-radius: 12px;
}
.sticky-thumbs {
display: block;
background-color: #6BBE6B;
width: 100%;
position: fixed;
bottom: 0;
}
.sticky-thumbs li {
float: left;
margin: 0 5px;
list-style: none;
} @media (min-width: 1120px) {
.page-template-page-app-info .buttons .qrCode {
display: block;
}
.page-title-wrap img {
position: absolute;
bottom: -114px;
left: 50%;
margin-left: -75px;
}
.page-title-wrap {
text-align: left;
}
.ad-section img {
width: 100%;
height: auto;
}
.single-resources footer#footer {
margin-top: 180px;
}
ul.newsongs li:nth-child(4) {
display: none;
}
.mainNav .menu-item-object-resource_topic .sub-menu,
.mainNav .menu-item-object-custom .sub-menu {
display: none;
overflow: hidden;
background: #f9f9f9;
float: left;
position: absolute;
left: -160px;
top: 42px;
padding: 10px;
min-width: 500px;
z-index: 1000;
border-bottom: 6px solid #E9EAEB;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.menu-item-object-resource_topic .sub-menu li,
.menu-item-object-custom .sub-menu li {
width: 50%;
float: left;
list-style: none;
}
.videosection.allsongs h1 {
margin-top: 65px;
}
} @media (min-width: 2180px) {
.newSlide img {
max-height: unset;
width: 100vw;
height: auto;
}
} @media (max-width: 1119px) {
#main {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
#sidebar1 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
header#header {
min-height: 82px;
}
header#header #logo {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
text-align: left;
height: 80px;
}
.headerDivider {
display: none;
}
.home header#header #logo .logoimg,
header#header #logo .logoimg {
width: 180px;
left: 0;
}
.page-title-wrap img {
display: none;
}
.header-bar-wrap {
background-color: #4D93C1;
height: auto;
overflow: hidden;
}
.unslider-nav {
display: none;
}
.channel-banner .page-title {
margin: 0.5em 0;
}
.channel-banner.seriesPage .page-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 58.3333333333%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
margin-right: auto;
padding-left: 0px;
text-align: left;
padding-top: 12px;
}
.channel-banner .subscribe {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 41.6666666667%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
float: none;
padding: 12px;
background: #ED403D;
display: block;
height: auto;
color: #fff;
text-align: center;
font-size: 16px;
margin: 18px auto;
line-height: initial;
max-width: 200px;
}
.page-title-wrap {
padding: 0 1em;
}
.nav-icon {
display: block;
position: absolute;
top: 36px;
right: 16px;
}
header#header .social-media {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
background: #efefef;
padding-bottom: 9px;
padding-top: 7px;
}
header#header nav {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
margin-top: 0;
float: left;
padding-left: 0;
padding-right: 0;
display: none;
}
header#header nav.mainNav {
border-top: 2px solid #eee;
}
nav.subNav {
height: auto;
}
ul#menu-subnav {
width: 100%;
}
ul#menu-top-tabs,
ul#menu-subnav {
border-radius: 0;
list-style: none;
width: 100%;
}
ul#menu-top-tabs li,
ul#menu-subnav li {
width: 100%;
margin-left: 0;
position: relative;
list-style: none;
}
ul#menu-top-tabs.top-nav > li > a,
ul.top-nav > li > a {
border-bottom: #E9EAEB 2px solid;
border-left: none;
padding: 16px 20px 8px 8px;
background: none; margin: 0 0 0 0;
font-size: 32px;
text-align: center;
width: 100%;
display: block;
}
#menu-item-396 {
padding-left: 0;
background: none;
}
.sub-menu {
width: 60% !important;
left: 20% !important;
top: 56px !important;
border-radius: 0 !important;
}
.sub-menu li a {
padding: 6px;
font-size: 1.4em;
}
nav.subNav {
padding-top: 0;
}
header#header nav.subNav {
display: none;
}
header#header nav.subNav.showing {
display: grid;
grid-template-columns: auto auto;
grid-template-areas: "search search" "contentTypeNav contentTypeNav";
}
#searchform {
border-bottom: 2px solid #eee;
padding-bottom: 8px;
padding-top: 6px;
}
#searchform #s {
color: #000;
width: 190px;
background-color: #fff;
cursor: text;
border: 0;
padding-left: 30px;
background-size: 20px;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 48px;
height: 48px;
font-size: 0;
text-indent: -9999px;
box-shadow: none;
border-radius: 4px;
border: none;
cursor: pointer;
transition: background 0.15s;
background: #F59331;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 22px;
left: 9px;
right: 9px;
height: 4px;
background: white;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
content: "";
}
.c-hamburger span::before {
top: -10px;
}
.c-hamburger span::after {
bottom: -10px;
}
.c-hamburger--htx {
background-color: #F59331;
}
.c-hamburger--htx span {
transition: background 0s 0.15s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
transition-duration: 0.15s, 0.15s;
transition-delay: 0.15s, 0s;
}
.c-hamburger--htx span::before {
transition-property: top, transform;
}
.c-hamburger--htx span::after {
transition-property: bottom, transform;
} .c-hamburger--htx.is-active {
background-color: #EE2A24;
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.15s;
}
nav input[type=search] {
width: 65%;
background-color: #fff;
margin-bottom: 0;
}
header#header .social-media li {
width: 30%;
float: right;
}
.single header.article-header {
padding-top: 12px;
}
.video-list li {
margin-right: 16px;
width: calc(50% - 8px);
}
.video-list.all-songs li {
margin-right: 10px;
width: calc(50% - 20px);
}
.video-list li:nth-of-type(3n+0) {
margin-right: 16px;
}
.video-list li:nth-of-type(2n+0) {
margin-right: 0;
}
.video-list.all-songs li:nth-of-type(3n+0) {
margin-right: 10px;
}
.video-list.all-songs li:nth-of-type(2n+0) {
margin-right: 10px;
}
.video-list .play-button {
background-position: 50% 40%;
}
main .inner-content {
padding: 0 1em;
}
main#live {
background: url(https://supersimpleonline.com/wp-content/uploads/caitie-playing-guitar.png) no-repeat center center;
background-size: 650px auto;
height: 100%;
overflow: hidden;
}
main#live h1 {
margin-top: 30px;
}
.video-list img.thumb {
height: auto;
}
.page-template-page-contact .thirds {
width: 100%;
border-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.page-template-page-contact .thirds:nth-child(2),
.page-template-page-contact .thirds:nth-child(3) {
padding-right: 0px;
padding-left: 0px;
}
.ad-free-option h2 {
float: none;
margin-bottom: 10px;
}
.ads-and-fees {
float: left;
padding: 2px 14px;
border-radius: 6px;
margin-left: 4px;
color: #fff;
font-size: 0.8em;
font-weight: bold;
margin-top: 18px;
margin: 0 4px 10px 0;
}
.rcTitle-wrap {
padding: 0 12.5px;
}
.menuBrowseWrap {
height: auto;
background: #00BAEF;
overflow: hidden;
}
.menuBrowseContainer {
width: 96%;
margin: 0 auto; }
.sticky-thumbs .owl-nav {
display: none;
}
.ytthumbs {
padding: 0px !important;
}
.ad-section img {
width: 50%;
height: auto;
float: left;
max-width: 300px;
}
.downloadTemp, .downloadTempBW {
display: none;
}
.videosection.character {
padding-top: 6px;
}
.channel-banner .copy {
margin: 20px 0 0 0;
}
.blog-main {
width: 100%;
padding: 0 0.5em;
}
.episodeTitle {
height: 40px;
}
.thumbLinkAllsongs {
margin: 0 12px;
}
.home article.full-width,
.tax-resource_type article.full-width {
font-size: 0.9em;
}
article.full-width .icon-list li {
height: 60px;
width: 60px;
}
article.full-width .icon-list li:nth-child(2) {
left: 55px;
z-index: 10;
}
article.full-width .icon-list li:nth-child(3) {
left: 100px;
z-index: 9;
}
article.full-width .icon-list li:nth-child(4) {
left: 145px;
z-index: 8;
}
.resource-type-wrapper h2 {
margin-left: 10px;
margin-right: 10px;
}
#searchform {
width: 100%;
}
#s {
margin: 8px auto !important; float: none;
}
footer#footer .footer-nav-section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 33.3333333333%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
footer#footer .footer-nav-section:nth-child(4) {
clear: both;
}
} @media (max-width: 1119px) and (min-width: 501px) {
#sidebar1 .newsongs .allsongsthumb {
width: 120px;
}
#sidebar1 .newsongs .episodethumb {
width: 120px;
}
.newsongs li {
width: 50%;
float: left;
padding-right: 5px;
}
.widget {
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
}
@media (max-width: 900px) {
.gridWrapperContact {
display: block;
}
.gridWrapperContact .emailForm {
border-right: none;
padding-right: 0.5em;
padding-left: 0.5em;
}
.gridWrapperContact .niceToMeetYou {
padding-left: 0.5em;
padding-right: 0.5em;
}
} @media (max-width: 500px) {
#main {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
#sidebar1 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
header#header nav {
margin-bottom: 0;
}
header#header .social-media {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
background: #efefef;
padding-bottom: 9px;
padding-top: 7px;
} ul#menu-top-tabs {
border-radius: 0;
}
ul#menu-top-tabs li {
width: 100%;
}
h1 {
font-size: 2.2em;
}
.rcTitle h1 {
font-size: 3em;
padding-top: 1em;
}
.archive section.entry-content {
padding-top: 0.5em;
}
.sub-menu {
width: 80% !important;
left: 10% !important;
top: 60px !important;
}
.sub-menu li a {
padding: 6px;
}
.half-block {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
.channel-banner.seriesPage .page-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
margin-right: auto;
padding-left: auto;
text-align: center;
font-size: 1.6em;
padding-top: 4px;
}
.channel-banner .subscribe {
float: none;
padding: 12px;
background: #ED403D;
display: none;
height: auto;
color: #fff;
text-align: center;
font-size: 16px;
width: 250px;
clear: both;
margin: 18px auto;
line-height: initial;
}
.channel-banner.seriesPage .subscribe {
float: none;
}
.videosection h2 .view-all a {
width: 100%;
background-position-x: 98%;
margin: 1em 0;
padding-left: 50px;
}
.video-list li {
margin-right: 0px;
width: 100%;
}
.video-list .episodeTitle {
padding-top: 3px;
display: flex;
font-size: 0.7em;
height: 34px;
justify-content: center;
align-items: center;
}
.video-list .play-button {
background-size: 22%;
background-position: 50% 35%;
}
.home .video-list .play-button {
background-size: 22%;
background-position: 50% 47%;
}
.videosection.allsongs .section-title h2 {
width: 100%;
margin: 6px 0;
}
.videosection.allsongs .searchSort {
width: 100%;
margin-bottom: 20px;
}
.videosection.allsongs .searchSort #filter {
margin: 10px 0;
width: 100%;
}
.videosection.allsongs .searchSort .sort {
margin: 10px 0;
text-align: center;
width: 100%;
}
.videosection.allsongs .searchSort .sort a {
width: 100%;
}
footer#footer .footer-nav-section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
float: left;
padding-left: 12.5px;
padding-right: 12.5px;
}
footer#footer .footer-nav-section:nth-child(3),
footer#footer .footer-nav-section:nth-child(5) {
clear: both;
}
footer#footer .footer-nav-section:nth-child(4) {
clear: none;
}
main#live {
background: url(https://supersimpleonline.com/wp-content/uploads/caitie-playing-guitar.png) no-repeat center center;
background-size: 450px auto;
height: 100%;
overflow: hidden;
font-size: 0.55em;
}
main#live h1 {
margin-top: 16px;
}
.stuck-thumb img {
max-height: 70px;
width: auto;
}
.video-list img.thumb {
height: auto;
}
.ad-free-img {
width: 100%;
text-align: center;
}
.ad-free-option {
width: 100%;
padding-left: 0;
}
.menuBrowse-dropdown {
display: block;
float: left;
width: 47%;
margin: 10px 0;
max-width: initial;
margin-right: 3%;
font-size: 0.9em;
}
.home .section-title-wrap h2,
.home .section-title-wrap h1 {
font-size: 1.2em;
}
.fourPer {
width: 50% !important;
}
.home .main-image,
.tax-resource_type .main-image {
width: 100%;
max-width: 100%;
min-width: auto;
}
.videosection.allsongs .aboutSongs {
width: 100%;
}
.searchDropdown {
width: 100%;
padding-left: 0;
}
input#filter {
width: 49%;
}
select#sort-direction {
width: 49%;
}
select#sort-topic,
select#sort-playlist {
width: 100%;
}
.all-songs li {
width: 50%;
margin-bottom: 0;
}
.resource-type-wrapper article.threePer {
width: 50%;
}
.single-free_printables .contentwrap,
.single-free_printables .imgwrap {
width: 100%;
padding-right: 0;
}
.resource-type-wrapper.type-songs article.fourPer .h2,
.resource-type-wrapper.type-wkshts article.fourPer .h2 {
font-size: 11px;
line-height: 13px;
}
.leavingSiteOverlay {
font-size: 1em;
}
}  .alert-success, .alert-error, .alert-info, .alert-help {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
}
.alert-help {
border-color: #e8dc59;
background: #ebe16f;
}
.alert-info {
border-color: #bfe4f4;
background: #d5edf8;
}
.alert-error {
border-color: #f8cdce;
background: #fbe3e4;
}
.alert-success {
border-color: #deeaae;
background: #e6efc2;
}  .blue-btn {
display: inline-block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
font-size: 0.9em;
font-size: 34px;
line-height: 34px;
font-weight: normal;
padding: 0 24px;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color 0.14s ease-in-out;
transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover, .blue-btn:focus {
color: #fff;
text-decoration: none;
outline: none;
}
.blue-btn:active {
top: 1px;
} .blue-btn {
background-color: #2980b9;
}
.blue-btn:hover, .blue-btn:focus {
background-color: #2574a8;
}
.blue-btn:active {
background-color: #2472a4;
}
.buynowbutton {
display: block;
max-width: 13em;
margin: 2em auto;
padding: 0.8em 2em;
background: #00a8af;
text-align: center;
color: white;
font-size: 1.2em;
border-radius: 30px;
text-transform: uppercase;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
font-weight: bold;
}
.buynowbutton:hover {
background-color: rgba(0, 168, 175, 0.5882352941);
color: white;
}
.buynowbutton:visited {
color: white;
}  input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
display: block;
height: 40px;
line-height: 1em;
padding: 0 12px;
margin-bottom: 14px;
font-size: 1em;
color: #5c6b80;
border-radius: 3px;
vertical-align: middle;
box-shadow: none;
border: 0;
width: 100%;
max-width: 400px;
background-color: #eaedf2;
box-sizing: border-box;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: #f7f8fa;
outline: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=search].error,
input[type=search].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: #fbe3e4;
border-color: #fbe3e4;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
outline-color: #fbe3e4;
}
input[type=text].success, input[type=text].is-valid,
input[type=password].success,
input[type=password].is-valid,
input[type=datetime].success,
input[type=datetime].is-valid,
input[type=datetime-local].success,
input[type=datetime-local].is-valid,
input[type=date].success,
input[type=date].is-valid,
input[type=month].success,
input[type=month].is-valid,
input[type=time].success,
input[type=time].is-valid,
input[type=week].success,
input[type=week].is-valid,
input[type=number].success,
input[type=number].is-valid,
input[type=email].success,
input[type=email].is-valid,
input[type=url].success,
input[type=url].is-valid,
input[type=search].success,
input[type=search].is-valid,
input[type=tel].success,
input[type=tel].is-valid,
input[type=color].success,
input[type=color].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: #e6efc2;
border-color: #e6efc2;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
outline-color: #e6efc2;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: #cfcfcf;
opacity: 0.6;
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:active,
input[type=password].is-disabled:focus,
input[type=password].is-disabled:active,
input[type=datetime][disabled]:focus,
input[type=datetime][disabled]:active,
input[type=datetime].is-disabled:focus,
input[type=datetime].is-disabled:active,
input[type=datetime-local][disabled]:focus,
input[type=datetime-local][disabled]:active,
input[type=datetime-local].is-disabled:focus,
input[type=datetime-local].is-disabled:active,
input[type=date][disabled]:focus,
input[type=date][disabled]:active,
input[type=date].is-disabled:focus,
input[type=date].is-disabled:active,
input[type=month][disabled]:focus,
input[type=month][disabled]:active,
input[type=month].is-disabled:focus,
input[type=month].is-disabled:active,
input[type=time][disabled]:focus,
input[type=time][disabled]:active,
input[type=time].is-disabled:focus,
input[type=time].is-disabled:active,
input[type=week][disabled]:focus,
input[type=week][disabled]:active,
input[type=week].is-disabled:focus,
input[type=week].is-disabled:active,
input[type=number][disabled]:focus,
input[type=number][disabled]:active,
input[type=number].is-disabled:focus,
input[type=number].is-disabled:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:active,
input[type=email].is-disabled:focus,
input[type=email].is-disabled:active,
input[type=url][disabled]:focus,
input[type=url][disabled]:active,
input[type=url].is-disabled:focus,
input[type=url].is-disabled:active,
input[type=search][disabled]:focus,
input[type=search][disabled]:active,
input[type=search].is-disabled:focus,
input[type=search].is-disabled:active,
input[type=tel][disabled]:focus,
input[type=tel][disabled]:active,
input[type=tel].is-disabled:focus,
input[type=tel].is-disabled:active,
input[type=color][disabled]:focus,
input[type=color][disabled]:active,
input[type=color].is-disabled:focus,
input[type=color].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #d5edf8;
}
#searchform {
overflow: hidden;
float: right;
}
#s {
width: 21px;
background-color: #fffffb;
padding-left: 21px;
height: 28px;
margin-left: 10px;
border-radius: 8px;
margin-right: 0;
cursor: pointer;
font-size: 14px;
}
#s:focus {
color: #000;
width: 190px;
background-color: #fff;
cursor: text;
border: 0;
padding-left: 30px;
background-size: 20px;
}
input[type=search] {
height: 44px;
font-size: 1.2em;
width: 34px;
float: right;
margin-right: 10px;
border-radius: 20px;
transition: 0.5s all ease;
background: #F1F9FD url(//supersimple.com/wp-content/uploads/icon-search.png) no-repeat 5px center;
}
input[type=search]:focus {
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
background-color: #f3f3f3;
}
input[type=password] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em;
}
.business-inquiries {
background-color: #1484C6;
color: #fff !important;
padding: 6px 12px;
border-radius: 2px;
}
.business-inquiries:hover {
background-color: #0d5681;
}
@media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after, a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after, a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none;
}
}
.group:after {
content: "";
display: table;
clear: both;
}@font-face {
font-family: warsawGothic;
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/fonts/warsaw_gothic-webfont.woff);
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "SuperSimple";
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/fonts/SuperSimple.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SuperSimple";
src: url(//supersimple.com/wp-content/themes/supersimple-wp-theme-main/library/fonts/SuperSimple-Bold.otf) format("opentype");
font-weight: bold;
font-style: normal;
}
html, body {
font-family: "Nunito Sans", "Open Sans", sans-serif;
}
#container {
background-color: #FAFAFA;
}
h1, h2, h3, h4, h5, h6 {
color: #1484C6;
font-family: "warsawGothic", sans-serif;
text-transform: uppercase;
font-weight: 100;
}
.h1, .h1 a {
font-size: 1.4em;
}
.h1 a {
color: #1484C6;
}
a {
color: #008aee;
text-decoration: none;
transition: 0.4s all ease;
}
a:visited {
color: #975bba;
}
a:hover {
color: #005ea2;
}
h4.widgettitle,
h3.widgettitle {
background: #8F3F97;
color: white;
padding: 4px 8px;
text-transform: uppercase;
font-family: "warsawGothic", sans-serif;
font-weight: normal;
font-size: 1.6em;
border-radius: 4px;
margin-bottom: 0;
}
.single h1.single-title {
margin-top: 0;
}  p {
color: #404040;
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
}
.resource_topic-archive .threePer li:nth-child(odd) a {
background-color: rgba(255, 99, 71, 0.75);
}
.resource_topic-archive .threePer li:nth-child(even) a {
background-color: rgba(60, 179, 113, 0.75);
}
.resource_topic-archive .threePer li:nth-child(3n) a {
background-color: rgba(0, 139, 139, 0.75);
}
.resource_topic-archive .threePer li:nth-child(4n) a {
background-color: rgba(186, 85, 211, 0.75);
}
.resource_topic-archive .threePer li:nth-child(5n) a {
background-color: rgba(30, 144, 255, 0.75);
}
.resource_topic-archive .threePer li:nth-child(6n) a {
background-color: rgba(255, 140, 0, 0.75);
}
.resource_topic-archive .threePer li:nth-child(7n) a {
background-color: rgba(178, 34, 34, 0.75);
}
.resource_topic-archive .threePer li:nth-child(8n) a {
background-color: rgba(32, 178, 170, 0.75);
}
.resource_topic-archive .threePer li:nth-child(odd) a:hover {
background-color: tomato;
}
.resource_topic-archive .threePer li:nth-child(even) a:hover {
background-color: mediumseagreen;
}
.resource_topic-archive .threePer li:nth-child(3n) a:hover {
background-color: darkcyan;
}
.resource_topic-archive .threePer li:nth-child(4n) a:hover {
background-color: mediumorchid;
}
.resource_topic-archive .threePer li:nth-child(5n) a:hover {
background-color: dodgerblue;
}
.resource_topic-archive .threePer li:nth-child(6n) a:hover {
background-color: darkorange;
}
.resource_topic-archive .threePer li:nth-child(7n) a:hover {
background-color: firebrick;
}
.resource_topic-archive .threePer li:nth-child(8n) a:hover {
background-color: lightseagreen;
}