/*
Theme Name: Forsbergsskola
Theme URI: http://www.forsbergsskola.se
Author: Triggerfish
Author URI: http://triggerfish.se
Description: Forsbergsskola theme based on twenty twelve
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: forsbergsskola
Text Domain: forsbergsskola

*/

/* =Reset
---------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px 0 0;
  margin-bottom: 1.714285714rem;
  clear: both;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
  clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
  display: table;
  content: "";
}

/* =960
---------------------------------- */

body {
  min-width: 960px;
}
.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12,
.push_13,
.pull_13,
.push_14,
.pull_14,
.push_15,
.pull_15 {
  position: relative;
}
.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}
.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}
.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}
.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
.container_12 .grid_1 {
  width: 60px;
}
.container_12 .grid_2 {
  width: 140px;
}
.container_12 .grid_4 {
  width: 300px;
}
.container_12 .grid_5 {
  width: 380px;
}
.container_12 .grid_7 {
  width: 540px;
}
.container_12 .grid_8 {
  width: 620px;
}
.container_12 .grid_10 {
  width: 780px;
}
.container_12 .grid_11 {
  width: 860px;
}
.container_16 .grid_1 {
  width: 40px;
}
.container_16 .grid_2 {
  width: 100px;
}
.container_16 .grid_3 {
  width: 160px;
}
.container_16 .grid_5 {
  width: 280px;
}
.container_16 .grid_6 {
  width: 340px;
}
.container_16 .grid_7 {
  width: 400px;
}
.container_16 .grid_9 {
  width: 520px;
}
.container_16 .grid_10 {
  width: 580px;
}
.container_16 .grid_11 {
  width: 640px;
}
.container_16 .grid_13 {
  width: 760px;
}
.container_16 .grid_14 {
  width: 820px;
}
.container_16 .grid_15 {
  width: 880px;
}
.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}
.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}
.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}
.container_12 .prefix_1 {
  padding-left: 80px;
}
.container_12 .prefix_2 {
  padding-left: 160px;
}
.container_12 .prefix_4 {
  padding-left: 320px;
}
.container_12 .prefix_5 {
  padding-left: 400px;
}
.container_12 .prefix_7 {
  padding-left: 560px;
}
.container_12 .prefix_8 {
  padding-left: 640px;
}
.container_12 .prefix_10 {
  padding-left: 800px;
}
.container_12 .prefix_11 {
  padding-left: 880px;
}
.container_16 .prefix_1 {
  padding-left: 60px;
}
.container_16 .prefix_2 {
  padding-left: 120px;
}
.container_16 .prefix_3 {
  padding-left: 180px;
}
.container_16 .prefix_5 {
  padding-left: 300px;
}
.container_16 .prefix_6 {
  padding-left: 360px;
}
.container_16 .prefix_7 {
  padding-left: 420px;
}
.container_16 .prefix_9 {
  padding-left: 540px;
}
.container_16 .prefix_10 {
  padding-left: 600px;
}
.container_16 .prefix_11 {
  padding-left: 660px;
}
.container_16 .prefix_13 {
  padding-left: 780px;
}
.container_16 .prefix_14 {
  padding-left: 840px;
}
.container_16 .prefix_15 {
  padding-left: 900px;
}
.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}
.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}
.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}
.container_12 .suffix_1 {
  padding-right: 80px;
}
.container_12 .suffix_2 {
  padding-right: 160px;
}
.container_12 .suffix_4 {
  padding-right: 320px;
}
.container_12 .suffix_5 {
  padding-right: 400px;
}
.container_12 .suffix_7 {
  padding-right: 560px;
}
.container_12 .suffix_8 {
  padding-right: 640px;
}
.container_12 .suffix_10 {
  padding-right: 800px;
}
.container_12 .suffix_11 {
  padding-right: 880px;
}
.container_16 .suffix_1 {
  padding-right: 60px;
}
.container_16 .suffix_2 {
  padding-right: 120px;
}
.container_16 .suffix_3 {
  padding-right: 180px;
}
.container_16 .suffix_5 {
  padding-right: 300px;
}
.container_16 .suffix_6 {
  padding-right: 360px;
}
.container_16 .suffix_7 {
  padding-right: 420px;
}
.container_16 .suffix_9 {
  padding-right: 540px;
}
.container_16 .suffix_10 {
  padding-right: 600px;
}
.container_16 .suffix_11 {
  padding-right: 660px;
}
.container_16 .suffix_13 {
  padding-right: 780px;
}
.container_16 .suffix_14 {
  padding-right: 840px;
}
.container_16 .suffix_15 {
  padding-right: 900px;
}
.container_12 .push_3,
.container_16 .push_4 {
  left: 240px;
}
.container_12 .push_6,
.container_16 .push_8 {
  left: 480px;
}
.container_12 .push_9,
.container_16 .push_12 {
  left: 720px;
}
.container_12 .push_1 {
  left: 80px;
}
.container_12 .push_2 {
  left: 160px;
}
.container_12 .push_4 {
  left: 320px;
}
.container_12 .push_5 {
  left: 400px;
}
.container_12 .push_7 {
  left: 560px;
}
.container_12 .push_8 {
  left: 640px;
}
.container_12 .push_10 {
  left: 800px;
}
.container_12 .push_11 {
  left: 880px;
}
.container_16 .push_1 {
  left: 60px;
}
.container_16 .push_2 {
  left: 120px;
}
.container_16 .push_3 {
  left: 180px;
}
.container_16 .push_5 {
  left: 300px;
}
.container_16 .push_6 {
  left: 360px;
}
.container_16 .push_7 {
  left: 420px;
}
.container_16 .push_9 {
  left: 540px;
}
.container_16 .push_10 {
  left: 600px;
}
.container_16 .push_11 {
  left: 660px;
}
.container_16 .push_13 {
  left: 780px;
}
.container_16 .push_14 {
  left: 840px;
}
.container_16 .push_15 {
  left: 900px;
}
.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px;
}
.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px;
}
.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px;
}
.container_12 .pull_1 {
  left: -80px;
}
.container_12 .pull_2 {
  left: -160px;
}
.container_12 .pull_4 {
  left: -320px;
}
.container_12 .pull_5 {
  left: -400px;
}
.container_12 .pull_7 {
  left: -560px;
}
.container_12 .pull_8 {
  left: -640px;
}
.container_12 .pull_10 {
  left: -800px;
}
.container_12 .pull_11 {
  left: -880px;
}
.container_16 .pull_1 {
  left: -60px;
}
.container_16 .pull_2 {
  left: -120px;
}
.container_16 .pull_3 {
  left: -180px;
}
.container_16 .pull_5 {
  left: -300px;
}
.container_16 .pull_6 {
  left: -360px;
}
.container_16 .pull_7 {
  left: -420px;
}
.container_16 .pull_9 {
  left: -540px;
}
.container_16 .pull_10 {
  left: -600px;
}
.container_16 .pull_11 {
  left: -660px;
}
.container_16 .pull_13 {
  left: -780px;
}
.container_16 .pull_14 {
  left: -840px;
}
.container_16 .pull_15 {
  left: -900px;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}
.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

/* =Helpers
---------------------------------- */

.left {
  float: left;
}
.right {
  float: right;
}
.clearer {
  clear: both;
}
.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.aligncenter {
  text-align: center;
  margin: 20px 0;
}
img.aligncenter {
  display: block;
}
.ir {
  display: block;
  text-indent: -9999px;
}
a {
  text-decoration: none;
}

.font-book {
  font-family: "ITCFranklinGothicW01-Bk 812647", sans-serif;
  font-size: 20px;
}
.font-demi {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  font-size: 20px;
}
.font-heavy {
  font-family: "ITCFranklinGothicW01-Hv 812689", sans-serif;
  font-size: 20px;
}

.letter-spacing {
  letter-spacing: 0.1em;
}

/* =Cookiebar
---------------------------------- */
#cookie-bar {
  padding: 20px;
  background: #000;
  color: #fff;
  text-align: center;
  z-index: 900;
  box-sizing: border-box;
}

#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

#cookie-bar.bottom {
  bottom: 0;
  top: auto;
}

#cookie-bar a {
  color: #ccc;
  text-decoration: none;
}

#cookie-bar a:hover {
  text-decoration: none;
  color: #fff;
}

#cookie-bar .cb-enable {
  display: block;
  padding: 10px 20px;
  margin: 20px auto 0;
  max-width: 200px;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  background-color: #fff;
  color: #000;
}

#cookie-bar .cb-enable:hover {
  background-color: #000;
  color: #fff;
}

/* =Structure
---------------------------------- */

body {
  background: #e6e6e6;
  font: 13px/18px "ITCFranklinGothicW01-Bk 812647", sans-serif;
  color: #333;
}
#grid-wrapper {
  background: #fff;
  width: 1020px;
  margin: 0 auto;
  padding: 40px 0 0;
  position: relative;
}
/* #content { padding-bottom: 20px; } */
.grid_9 {
  overflow: hidden;
}

/* =Header
---------------------------------- */

#logo {
  width: 660px;
  height: 83px;
  background: url("images/sprite.png");
  margin: 0 auto;
}
#branding {
  border-bottom: 2px #333 solid;
  height: 140px;
  margin-bottom: 20px;
}
#in-english {
  position: absolute;
  top: 40px;
  right: 40px;
  color: #333;
  text-transform: uppercase;
}
#in-english:hover {
  color: #cc6666;
}
#work-sample {
  background: url("images/blurb-signup.png") no-repeat;
  z-index: 9999;
  position: absolute;
  top: 27px;
  left: -10px;
  text-indent: -9999px;
  display: block;
  width: 162px;
  height: 162px;
}

/* = Language select
---------------------------------- */

.language-list {
  position: absolute;
  top: 40px;
  right: 40px;
}
.lang-item a {
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0.7;
  border-radius: 20px;
}
.lang-item-en a {
  background-image: url("images/gb.svg");
}
.lang-item-sv a {
  background-image: url("images/sv.svg");
}

/* =Navigation
---------------------------------- */

/* main nav */
#main-nav {
  text-align: center;
  padding-top: 20px;
}
#main-nav ul {
  display: inline-block;
  zoom: 1;
}
#main-nav li {
  float: left;
  padding-left: 30px;
  position: relative;
  height: 40px;
}
#main-nav > div > ul > li:first-child {
  padding: 0;
}
#main-nav a {
  color: #333;
  text-transform: uppercase;
  display: block;
}

#main-nav ul > li.current-menu-item > a,
#main-nav ul > li.current-menu-parent > a,
#main-nav ul > li.current-menu-ancestor > a {
  color: #cc6666;
}
#main-nav a:hover {
  color: #cc6666;
}
#main-nav ul ul {
  width: auto;
  display: none;
  z-index: 9999;
  position: absolute;
  top: 37px;
  left: -40px;
  text-align: left;
  background: #333;
  padding: 20px 0 20px 20px;
}
.lang-en #main-nav ul ul {
  width: 300px;
}

/*.lang-en #main-nav ul ul {
	width: 470px;
}
*/

#main-nav .menu-item-237 > ul {
  width: 700px;
  left: -190px;
}
#main-nav .menu-item-237 > ul > li {
  width: 31%;
}

#main-nav li:hover ul,
#main-nav ul ul ul {
  display: block;
}
#main-nav .menu > li:hover > ul {
  display: flex;
  flex-wrap: wrap;
}
#main-nav ul ul li {
  padding: 0;
  width: 215px;
  height: auto;
}

/* level 2 */
#main-nav ul ul a {
  color: #ffcc99;
  font-size: 12px;
}
#main-nav ul ul a:hover {
  color: #ffcc99;
}
#main-nav ul ul li {
  margin: 7px 15px 7px 0;
}

/* level 3 */
#main-nav ul ul ul {
  position: static;
  top: 0;
  left: 0;
  padding: 0;
  width: auto;
}
#main-nav ul ul ul li {
  float: none;
  width: auto;
  margin: 0;
}
#main-nav ul ul ul a {
  color: #fff;
  line-height: 20px;
  font-size: 11px;
}
#main-nav ul ul ul a:hover {
  color: #cc6666;
}

/* sub navigation */

.submenu {
  margin-bottom: 40px;
}
.submenu a {
  display: block;
}
.submenu > ul > li > a {
  background: #333 url("images/sprite.png") -648px -96px no-repeat;
  color: #fff;
  padding: 12px 26px 8px;
  text-transform: uppercase;
}
.submenu > ul > li {
  margin-bottom: 20px;
}
.submenu > ul > li.current-menu-item > a,
.submenu > ul > li.current-menu-parent > a,
.submenu > ul > li.current-menu-ancestor > a {
  background: #ffcc99;
  background-image: none;
  color: #333;
}

.submenu ul ul {
  margin: 10px 25px;
  display: none;
}
.submenu > ul > li.current-menu-item > ul,
.submenu > ul > li.current-menu-parent > ul {
  display: block;
}
.submenu > ul > li > ul > li > a {
  background: #fff;
  color: #333;
  line-height: 20px;
}
.submenu > ul > li > ul > li.current-menu-item > a,
.submenu > ul > li > ul > li > a:hover {
  color: #cc6666;
}

/* forsbergs online */
.icon a {
  background: url("images/sprite.png") 3px -148px no-repeat;
  padding-left: 21px;
}
.icon.facebook a {
  background-position: 1px -193px;
}
.icon.twitter a {
  background-position: 1px -238px;
}

/* =Headlines
---------------------------------- */

h1,
h2,
h3,
h4,
h5 {
  font-family: "ITCFranklinGothicW01-Bk 812647", sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: normal;
}
h1 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: 1px;
}
h1.header-title {
  font-family: "ITCFranklinGothicW01-Hv 812689", sans-serif;
  letter-spacing: 0.1em;
}
.page h1.header-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 36px;
}
h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 5px;
}
h2.entry-title span {
  font-family: "ITCFranklinGothicW01-Bk 812647", sans-serif;
}
h2.entry-title {
  font-size: 23px;
  line-height: 26px;
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
}
h3.column-title {
  margin: -1px 0 5px;
}
h3.border {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  padding-top: 16px;
  margin-bottom: 14px;
  border-top: 1px #ccc solid;
}
.page-column h3 {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  margin-bottom: 0;
}
.people-grid h2 {
  margin-bottom: 0;
}
#portfolio-info h2,
.main-sidebar h2 {
  font-size: 23px;
  line-height: 26px;
  text-transform: none;
}
h3,
h4,
h5 {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px;
}
.footer-widget h3 {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  text-transform: uppercase;
  margin: -4px 0 7px;
}
h1.no-transform,
h2.no-transform,
h3.no-transform,
h4.no-transform,
h5.no-transform {
  text-transform: none;
}

.calendar-heading {
  margin-bottom: 30px;
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
}

/* =Text
---------------------------------- */
strong {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
}

/* =Footer
---------------------------------- */

#main-footer {
  border-top: 2px #333 solid;
  margin-top: 20px;
}
#secondary-footer {
  height: 60px;
  background: #333;
  color: #fff;
  margin-top: 40px;
}
.footer-widget {
  padding-top: 40px;
  line-height: 20px;
}
#secondary-footer aside {
  padding: 20px 0 0 240px;
}
.footer-widget a {
  color: #333;
  text-transform: uppercase;
}
.widget-last .footer-widget a {
  text-transform: none;
}
.footer-widget a:hover {
  color: #cc6666;
}

/* =Entry content
---------------------------------- */

.bold {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  display: block;
}

.entry-content a,
#portfolio-info a,
.main-sidebar a {
  color: #cc6666;
}
.entry-content p,
.main-sidebar p {
  margin-bottom: 15px;
}
.entry-content ol li {
  list-style: decimal inside;
  margin-left: 15px;
}
.entry-content ul li {
  list-style-type: disc;
  list-style: disc inside;
  margin-left: 15px;
}
.arrow-link {
  background: url("images/sprite.png") -657px -286px no-repeat;
  padding-left: 17px;
  text-transform: uppercase;
}
.entry-content table {
  width: 100%;
}
.entry-content table th {
  font-weight: bold;
  white-space: nowrap;
}
.entry-content table th,
.entry-content table td {
  padding: 8px;
  text-align: left;
  line-height: 22px;
  border-top: 1px #ccc solid;
}

/* =Templates
---------------------------------- */

/* Page header & icon */
#page-header,
#page-icon {
  margin-bottom: 20px;
  background: #ff9999;
  height: 220px;
  text-align: center;
}
.icon-title {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  letter-spacing: 1px;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  padding-top: 165px;
}
.header-title {
  text-align: center;
  margin: 36px 0;
}

/* Category / blog / calendar */
.news-post-date {
  display: block;
  margin: -5px 0 10px;
}
.sidebar-list {
  margin-bottom: 20px;
  padding-bottom: 35px;
  border-bottom: 1px #ccc solid;
}
.sidebar-list a {
  text-transform: uppercase;
  color: #333;
  line-height: 24px;
}
.sidebar-list a:hover,
.sidebar-list .current-cat a {
  color: #cc6666;
}
.post {
  margin-bottom: 35px;
}
.post-thumbnail-wrapper {
  margin-bottom: 20px;
}
h2.entry-title a {
  color: #333;
}
h2.entry-title a:hover {
  color: #cc6666;
}
.post-date {
  background: #333;
  text-align: center;
  color: #fff;
  height: 60px;
  font-family: "Abril Fatface", cursive;
}
.post-date span {
  display: block;
}
.post-date .post-day {
  font-size: 28px;
  line-height: 30px;
  padding-top: 4px;
}
.post-date .post-month {
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}
/* .post-share { margin-top: 15px; } */
.post-share a {
  float: left;
  text-indent: -9999px;
  display: block;
  width: 21px;
  height: 25px;
  background: url("images/sprite.png") -32px -97px no-repeat;
}
.post-share a.addthis_button_twitter {
  width: 21px;
  height: 26px;
  background-position: 0 -97px;
  margin: 0 10px 0 4px;
}
.post-share a span {
  display: none;
}
.entry-meta {
  border-top: 1px #ccc solid;
  border-bottom: 1px #666 solid;
  overflow: hidden;
  padding: 13px 0;
  margin-top: 15px;
  position: relative;
}
.comment-bubble {
  color: #fff;
  font-size: 11px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 12px;
  width: 27px;
  height: 20px;
  background: url("images/sprite.png") -67px -99px no-repeat;
}
.link-comment {
  padding-left: 17px;
  text-transform: uppercase;
  background: url("images/sprite.png") -657px -287px no-repeat;
}
.single .link-comment {
  display: none;
}
.twitter-large {
  text-indent: -9999px;
  background: url("images/sprite.png") 0 -289px no-repeat;
  width: 91px;
  height: 110px;
  margin: 40px auto 20px;
}
.twitter-feed p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 26px;
  font-style: italic;
}
.twitter-feed a {
  background: url("images/sprite.png") -658px -182px no-repeat;
  padding-left: 17px;
}
.navigation {
  text-align: center;
  margin-top: -10px;
}
.navigation a {
  color: #333;
  text-transform: uppercase;
  background: url("images/sprite.png") -591px -180px no-repeat;
  padding-right: 26px;
}
.navigation .nav-previous a {
  background-position: -658px -233px;
  padding: 0 0 0 26px;
}
.navigation a:hover {
  color: #cc6666;
}
.post-nometa {
  border-bottom: 1px #ccc solid;
  margin-bottom: 35px;
  padding-bottom: 20px;
}

/* Category / courses / programs */
.custom-list-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px #ccc solid;
}
#object-facts {
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px 0;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  text-transform: uppercase;
  font-size: 11px;
}
#object-facts a {
  color: #cc6666;
}

/* Object grid (students, people) */
/* .grid-wrapper { overflow: hidden; margin: 0 -80px 0 0; } */
.grid-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 -80px 0 0;
}
.grid-wrapper.grid-large {
  margin: 0 -40px 0 0;
}
.grid-wrapper.grid-xlarge {
  margin: 0 -60px 0 0;
}
.quote-item {
  float: left;
  width: 340px;
  margin: 0 20px 20px 0;
  min-height: 70px;
  height: auto !important;
  height: 70px;
}
.quote-item span {
  display: block;
  color: #666;
}
/* .entry-content .grid-item { display: block; width: 160px; height: 180px; margin: 0 20px 20px 0; color: #333; float: left; } */
.entry-content .grid-item {
  display: block;
  width: 160px;
  height: 180px;
  margin: 0 20px 20px 0;
  color: #333;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  max-width: 160px;
}
/* .entry-content .grid-item.grid-item-large { width: 220px; min-height: 395px; height: auto !important; height: 395px; } */
.entry-content .grid-item.grid-item-large {
  width: 220px;
  min-height: 395px;
  height: auto !important;
  height: 395px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  max-width: 220px;
}
.term-personal .entry-content .grid-item.grid-item-large {
  height: 278px !important;
  min-height: 278px !important;
}
.entry-content a.grid-item:hover {
  color: #cc6666;
}
.entry-content a.grid-item:hover img {
  opacity: 0.8;
}
/* .people-image { margin-bottom: 10px; } */
.people-image {
  margin-bottom: 10px;
  max-width: 100%;
}
.term-personal .people-image {
  margin-bottom: 1px;
}
.people-email,
.people-title {
  display: inline-block;
  margin-bottom: 2px;
}
.people-title {
  color: #666;
}

/* Page columns (pages, programs, courses) */
.page-column {
  width: 340px;
  margin-bottom: 15px;
}
.push-down {
  margin-top: 22px;
}
/* .push-up { margin-top: -5px; } */
.page-id-299 .push-up {
  margin-top: -2px;
} /* Faq */

/* Portfolio */
.profile-image,
.portfolio-video {
  margin-bottom: 20px;
}
.project-image {
  margin-bottom: 10px;
}
.submenu ul > li.prev-post > a {
  background-position: -648px -334px;
}
.project-item {
  margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
#portfolio-info {
  margin-bottom: 13px;
}
#portfolio-info li {
  margin-bottom: 5px;
}

/* Contact */
.widget-icon {
  display: block;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  background: url("images/sprite.png") -230px -342px no-repeat;
  float: left;
  margin-right: 20px;
}
.widget-spotify {
  background-position: -291px -342px;
}
.widget-facebook {
  background-position: -169px -342px;
  margin-right: 0;
}
#map {
  margin-bottom: 20px;
}

/* Frontpage */

/* slideshow */
#slides {
  width: 940px;
  height: 350px;
  position: relative;
}
.slides_container {
  width: 940px;
  height: 350px;
  overflow: hidden;
}
.slide {
  display: block;
  float: left;
  width: 940px;
  height: 350px;
}
.slide p {
  margin-bottom: 15px;
}
.slide a {
  color: #333;
  display: block;
}
.slide-text {
  letter-spacing: 2px;
  float: left;
  width: 460px;
  height: 350px;
  text-align: center;
  font: 22px/26px "ITCFranklinGothicW01-Dm 812668", sans-serif;
  text-transform: uppercase;
}
.slide-inside {
  padding: 40px 20px 0 20px;
  min-height: 190px;
  height: auto !important;
  height: 190px;
}
.slide-img,
.slide iframe {
  float: right;
  width: 460px;
  height: 350px;
}

.slide-counter {
  position: absolute;
  bottom: 30px;
  left: 214px;
  z-index: 100;
  font: 300 12px/22px "ITCFranklinGothicW01-Bk 812647", sans-serif;
}
#slides .prev,
#slides .next {
  z-index: 100;
  width: 6px;
  height: 11px;
  position: absolute;
  bottom: 35px;
  display: block;
  text-indent: -9999px;
  background: url("images/sprite.png") -658px -184px;
}
#slides .next {
  left: 263px;
}
#slides .prev {
  left: 187px;
  background-position: -658px -237px;
}

/* Frontpage grid */

#grid-frontpage {
  overflow: hidden;
  margin: 20px -80px 0 0;
}
.front-grid {
  float: left;
  margin: 0 20px 20px 0;
  width: 220px;
  height: 350px;
}
a.front-grid {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.front-grid:hover {
  opacity: 0.8;
}
a.front-grid:hover .more-link {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  text-transform: uppercase;
  display: block;
  position: absolute;
  bottom: 17px;
  text-align: center;
  width: 180px;
}
a.front-grid .more-link,
a.front-grid:hover .blurb-arrows {
  display: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.front-grid.variant-460 {
  width: 460px;
}
.portfolio-front-grid {
  overflow: hidden;
  margin-right: -60px;
}

.variant-blog {
  background: #ff9999;
  color: #333;
}
.variant-blog .blurb-text {
  border-top: 1px #333 solid;
  border-bottom: 1px #333 solid;
}

.variant-blog.color-dark {
  background: #333;
  color: #fff;
}
.variant-blog.color-dark .blurb-text {
  border-top: 1px #fff solid;
  border-bottom: 1px #fff solid;
}
.variant-blog.color-beige {
  background: #ffcc99;
}
.variant-blog.color-white {
  background: #fff;
}

.blurb-icon {
  display: block;
  text-align: center;
  margin: 0 auto 20px;
}
.blurb-inside {
  padding: 40px 20px 20px;
}
.blurb-text {
  padding: 12px 0;
  margin-top: 15px;
  height: 70px;
}
.blurb-title {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
.blurb-arrows {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 68px;
  height: 11px;
  background: url("images/sprite.png") -174px -439px no-repeat;
  margin: 20px auto 0;
}
.blurb-arrows.arrows-white {
  background-position: -247px -439px;
}
a.front-portfolio {
  display: block;
  float: left;
  width: 140px;
  height: 160px;
  color: #333;
  margin: 0 20px 20px 0;
}
a.front-portfolio:hover {
  color: #ff9999;
}
a.front-portfolio:hover img {
  opacity: 0.8;
}

.calendar-day {
  font: 120px/80px "Abril Fatface", cursive;
  display: block;
  text-align: center;
  margin: 15px 0 34px;
}

/* 404 */
.error404 .grid_9 ul ul {
  margin-left: 15px;
}
.error404 .grid_9 ul li {
  padding: 5px 0;
}
.error404 .grid_9 ul ul li {
  padding: 0;
}
.error404 .grid_9 ul a {
  color: #333;
  font-weight: bold;
}
.error404 .grid_9 ul a:hover {
  color: #666;
}
.error404 .grid_9 ul ul a {
  font-weight: normal;
}

/* =Signup form
---------------------------------- */

.entry-content .gform_wrapper ul,
.entry-content .gform_wrapper ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gform_wrapper .gfield {
  width: 230px;
  float: left;
}
.gform_wrapper .gfield.clear {
  width: 700px;
  margin: 10px 0;
  float: none;
}
.gform_wrapper .gfield.ecster {
  width: 700px;
  margin: 10px 0;
  float: none;
}
.gform_body {
  overflow: hidden;
}
.gform_wrapper .gfield ul li {
  line-height: 25px;
}

.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper textarea {
  outline: none;
  margin-top: 2px;
  font-family: "ITCFranklinGothicW01-Bk 812647", sans-serif;
  font-size: 12px;
  background: #333;
  color: #fff;
  border: none;
  padding: 11px 10px 12px;
}
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"] {
  width: 180px;
}
.gform_wrapper textarea {
  width: 360px;
  resize: none;
}

.gform_wrapper .gfield.textarea {
  width: 380px;
}
.gform_wrapper .gfield.textarea,
.gform_wrapper .gfield.disclaimer {
  margin-top: 20px;
}
.gform_wrapper .gfield.disclaimer {
  margin-left: 20px;
  width: 300px;
  padding-top: 16px;
}

.validation_error,
.gfield-checkbox-list > label,
#gforms_confirmation_message {
  font: 14px/18px "ITCFranklinGothicW01-Dm 812668", sans-serif;
  text-transform: uppercase;
}
.gfield-checkbox-list > label {
  display: block;
  margin: 25px 0 6px;
}
.validation_error {
  margin-bottom: 20px;
}
.gform_wrapper .gfield_error.gfield input[type="text"],
.gform_wrapper .gfield_error textarea {
  background: #f36767;
}

.ginput_container {
  position: relative;
}
.ginput_recaptcha > div {
  margin: auto;
}

.gform_footer {
  clear: both;
  margin-top: 20px;
}

.validation_message {
  font-size: 10px;
  color: #ce2222;
}
.gfield_required {
  display: none;
}

/* =Form, buttons
---------------------------------- */

input#submit,
.gform_button {
  cursor: pointer;
  font-size: 13px;
  border: none;
  background: url("images/btn-sprite.png") 0 0 no-repeat;
  color: #333;
  height: 40px;
  padding: 0 40px 0 26px;
  text-transform: uppercase;
}
input#submit:hover {
}
input#submit:active {
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}
.comments-area article {
  margin: 24px 0;
  margin: 1.714285714rem 0;
}
.comments-area article header {
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
}
.comments-area article header img {
  float: left;
  padding: 0;
  line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
  display: block;
  margin-left: 65px;
}
.comments-area article header cite {
  font-style: normal;
  font-size: 15px;
  line-height: 1.42857143;
}
.comments-area article header time {
  line-height: 1.714285714;
  text-decoration: none;
  font-size: 12px;
  color: #5e5e5e;
}
.comments-area article header a {
  text-decoration: none;
  color: #5e5e5e;
}
.comments-area article header a:hover {
  color: #21759b;
}
.comments-area article header cite a {
  color: #444;
}
.comments-area article header cite a:hover {
  text-decoration: underline;
}
.comments-area article header h4 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background-color: #0088d0;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #009cee, #0088d0);
  background-image: -ms-linear-gradient(top, #009cee, #0088d0);
  background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
  background-image: -o-linear-gradient(top, #009cee, #0088d0);
  background-image: linear-gradient(top, #009cee, #0088d0);
  border-radius: 3px;
  border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
  position: absolute;
  margin-left: 5px;
  padding: 2px 7px;
  font-size: 10px;
  background: #eee;
  border-radius: 10px;
}
a.comment-reply-link {
  font-size: 13px;
  line-height: 1.846153846;
  color: #d27a76;
}
a.comment-reply-link:hover {
  color: #d27a76;
}
.logged-in-as {
  display: none;
}
.commentlist .pingback {
  line-height: 1.714285714;
  margin-bottom: 24px;
}
.commentlist .children {
  margin-left: 48px;
}
.commentlist > li {
  border-bottom: 1px #ccc solid;
}
.comment-awaiting-moderation {
  font-weight: bold;
}

/* Comment form */
#respond {
  margin-top: 30px;
}
#respond h3#reply-title {
  font-size: 16px;
  line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
  margin-left: 10px;
  font-weight: normal;
  font-size: 12px;
}
#respond form {
  margin: 24px 0;
}
#respond form p {
  margin: 11px 0;
}
#respond form p.logged-in-as {
  margin-bottom: 24px;
}
#respond form label {
  display: block;
}
#respond form input[type="text"],
#respond form textarea {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.714285714;
  padding: 10px;
  width: 100%;
  border: none;
  background: #333;
  color: #fff;
  outline: none;
}
#respond form p.form-allowed-tags {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #5e5e5e;
}
.required {
  color: red;
}
label ~ span.required {
  display: block;
  float: left;
  margin: -18px 0 0 -16px;
}
.btn-show {
  display: none;
}
#responsive-navigation {
  position: absolute;
  width: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 0;
  background: #333;
  z-index: 101;
}
.is-mobile {
  display: none;
}

/* Responsive
----------------------------------------------- */

@media handheld, only screen and (max-width: 700px) {
  .is-mobile {
    display: block;
  }
  .is-screen {
    display: none;
  }

  body {
    min-width: 100px;
    background: #fff;
  }

  /* Grid */
  .container_12,
  #grid-wrapper {
    width: 100%;
    padding: 0;
  }
  .container_12 .grid_1,
  .container_12 .grid_2,
  .container_12 .grid_3,
  .container_12 .grid_4,
  .container_12 .grid_5,
  .container_12 .grid_6,
  .container_12 .grid_7,
  .container_12 .grid_8,
  .container_12 .grid_9,
  .container_12 .grid_10,
  .container_12 .grid_11,
  .container_12 .grid_12 {
    width: 94%;
  }
  .container_12 .offset_1,
  .container_12 .offset_2,
  .container_12 .offset_3,
  .container_12 .offset_4,
  .container_12 .offset_5,
  .container_12 .offset_6,
  .container_12 .offset_7,
  .container_12 .offset_8,
  .container_12 .offset_9,
  .container_12 .offset_10,
  .container_12 .offset_11 {
    padding-left: 0;
  }

  #work-sample {
    display: none;
  }

  .alpha {
    margin: 0;
  }
  .omega {
    margin: 0;
  }

  #content [class*="grid_"] {
    width: 100%;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* Header */
  #branding {
    height: auto;
    padding: 25px 0;
  }
  #logo {
    text-transform: uppercase;
    background: none;
    width: auto;
    height: auto;
    margin: 0;
    font: 27px/30px "ITCFranklinGothicW01-Hv 812689", sans-serif;
    color: #262626;
  }
  #logo.ir {
    text-indent: 0;
  }

  /* Footer */
  #main-footer {
    margin-top: 0;
    text-align: center;
  }
  #main-footer img {
    max-width: 100% !important;
    height: auto !important;
  }
  #main-footer .grid_3.alpha {
    margin: 0 10px !important;
  }

  #main-footer .grid_3 {
    border-top: 1px #ccc solid;
  }
  #secondary-footer {
    margin-top: 20px;
    text-align: center;
    background: #fff;
    height: auto;
    border-top: 2px #333 solid;
    color: #666;
  }
  #secondary-footer aside {
    padding: 20px 0;
  }
  .footer-widget {
    padding: 20px 0 10px;
    margin: 20px 0;
  }

  /* Navigation */
  #main-nav {
    display: none;
  }
  .btn-show,
  .btn-hide {
    padding: 6px 15px;
    border-radius: 5px;
    position: absolute;
    top: 23px;
    right: 10px;
    color: #6b6e6e;
    display: inline-block;
    border: 1px #dbd7cf solid;
  }
  .btn-show {
    background: url("images/nav.png") 13px 10px no-repeat;
    padding-left: 45px;
  }
  .navigation a.btn-hide {
    top: 25px;
    color: #fff;
    right: 20px;
    border: 0;
    box-shadow: none;
    background: url("images/close.png") 63px 7px no-repeat;
    padding-right: 25px;
  }
  #responsive-navigation {
    transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
  }
  #responsive-navigation:target {
    height: auto;
    width: 100%;
  }
  #responsive-navigation nav {
    padding: 50px 20px 20px;
  }
  #responsive-navigation ul > li {
    border-bottom: 1px #555 solid;
  }
  #responsive-navigation ul > li:last-child {
    border-bottom: none;
  }
  #responsive-navigation ul > li > a {
    color: #fff;
    display: block;
    padding: 10px 0;
    text-align: left;
  }
  #responsive-navigation ul > li.current-menu-item > a {
    color: #fff;
  }
  #responsive-navigation.navigation ul > li.has-children > a {
    background: url("images/arrow-down.png") right no-repeat;
  }
  #responsive-navigation.navigation ul > li.has-children:hover > a {
    background: url("images/arrow-up.png") right no-repeat;
  }
  #responsive-navigation ul ul {
    display: none;
    padding-left: 20px;
  }
  #responsive-navigation ul > li:hover > ul {
    display: block;
  }
  #responsive-navigation ul > li > ul > li > a {
    text-transform: none;
  }
  .navigation a {
    background: none;
  }

  /* pages */
  h3.border {
    text-align: center;
  }
  #page-icon {
    background-color: inherit !important;
    background-position: center !important;
  }
  #page-header {
    background-color: #fff !important;
    height: auto;
  }
  .page-column {
    width: 100%;
  }
  .left,
  .right {
    float: none;
  }
  .header-title {
    margin-top: 0;
  }
  .widget {
    margin: 0 auto 20px;
    width: 220px;
    text-align: center;
    overflow: hidden;
  }
  .grid-wrapper {
    margin: 0 auto;
    width: 300px;
  }
  /* .entry-content .grid-item { width: 145px; margin: 0 10px 10px 0; } */
  .entry-content .grid-item {
    width: 145px;
    margin: 0 10px 10px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 145px;
    flex: 0 0 145px;
    max-width: 145px;
  }
  .entry-content .grid-item:nth-child(2n + 0) {
    margin-right: 0;
  }
  #portfolio-info {
    text-align: center;
  }
  #object-facts {
    margin-top: -15px;
    text-align: center;
  }
  #object-facts .grid_3 {
    margin-left: 0;
    font-size: 12px;
    color: #666;
  }

  /* posts */
  .sidebar-list {
    text-align: center;
  }
  .post .grid_8 {
    text-align: center;
  }
  .post .grid_8 h2 {
    margin-top: 10px;
  }
  .post-share {
    text-align: center;
  }
  .post-share a {
    display: inline-block;
    float: none;
  }
  .entry-meta .grid_3 {
    margin: 0;
  }

  /* forms */
  .gform_wrapper .gfield input[type="text"],
  .gform_wrapper .gfield textarea {
    -webkit-appearance: none;
  }
  .gform_wrapper .gfield,
  .gform_wrapper .gfield input[type="text"],
  .gform_wrapper .gfield textarea,
  .gform_wrapper .gfield.textarea,
  .gform_wrapper .gfield.disclaimer {
    width: 100%;
    float: none;
  }
  .gform_wrapper .gfield.disclaimer {
    margin: 0;
  }
  .gform_wrapper .gfield.clear {
    border-top: 1px #eee solid;
  }

  /* people */
  /* .entry-content .grid-item.grid-item-large { width: 145px; } */
  .entry-content .grid-item.grid-item-large {
    width: 145px;
    -ms-flex: 0 0 145px;
    flex: 0 0 145px;
    max-width: 145px;
  }
  .grid-wrapper.grid-xlarge {
    margin: 0 auto;
  }
  .grid-item-large {
    width: 145px;
    margin: 0 10px 10px 0;
    -ms-flex: 0 0 145px;
    flex: 0 0 145px;
    max-width: 145px;
  }
  .grid-item-large:nth-child(2n + 0) {
    margin-right: 0;
  }

  /* frontpage */
  #grid-frontpage {
    margin-right: 0;
    overflow: visible;
  }
  .front-grid {
    float: none;
    margin: 0 auto 20px;
    height: auto;
  }
  .front-grid.variant-460 {
    width: 300px;
  }
  .portfolio-front-grid {
    margin: 0;
  }
  a.front-portfolio {
    margin: 0 10px 10px 0;
    width: 145px;
  }
  a.front-portfolio:nth-child(2n + 0) {
    margin-right: 0;
  }
  #slides,
  .slides_container,
  .slide {
    width: 300px !important;
    margin: 0 auto;
    height: 320px;
  }
  .slide-text {
    width: 100%;
    font-size: 15px;
    line-height: 19px;
  }
  .slide-img {
    display: none;
  }
  #slides .prev {
    left: 110px;
  }
  #slides .next {
    left: 202px;
  }
  .slide-counter {
    left: 142px;
  }
}

/* Alerts */
.alert {
  font-size: 14px;
  padding: 15px 20px;
  margin-bottom: 20px;
  background: #f9f9f9;
  position: relative;
}

.alert:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
}

.alert-error::before {
  background: #f44336;
}

.alert-success::before {
  background: #4caf50;
}

/* Payment form */

.form-payment .gform_page_fields {
  margin-bottom: 30px;
}

.form-payment select {
  font-size: 14px;
  width: 100%;
  background-color: #333;
  padding: 0 15px;
  height: 40px;
  border-radius: 0;
  border: 0;
  color: #fff;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAABGdBTUEAALGPC/xhBQAAAFtJREFUGBlj+P///wUgJgb4MwBV6QHxNwKqlzLAAFBhMh7F14Fy3DC1YBoosACLhq9AMW0UhSAOUJALiK+gaYjDUAgTACrUAOLPUA1zYOI4aaDCSCA+CcSc6IoADai9WCAQHbwAAAAASUVORK5CYII=");
  background-position: right 20px center;
  background-size: 10px 7px;
  background-repeat: no-repeat;

  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.form-payment select:focus {
  background-color: #333;
}

.gform_wrapper .form-payment .gfield {
  width: 100%;
}

.gform_wrapper .form-payment .gfield input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}

.form-payment .gfield_label {
  display: block;
  margin-bottom: 3px;
  font: 14px/18px "ITCFranklinGothicW01-Dm 812668", sans-serif;
  text-transform: uppercase;
}

.form-payment .gform_body {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.form-payment .gform_body.form-loading {
  opacity: 0.5;
}

.form-payment .button {
  font: 14px/18px "ITCFranklinGothicW01-Dm 812668", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  border: 0;
  border-radius: 0;
  padding: 10px 20px;
  background: #ff9999;
  cursor: pointer;
  outline: none;
  color: #333;

  -webkit-transition: background 0.2s, opacity 0.2s;
  transition: background 0.2s, color 0.2s;
}

.form-payment .button:hover {
  color: #fff;
  background: #333;
}

.form-payment .button::disabled {
  color: #333;
}

.form-payment .gform_page_footer {
  border-top: 2px solid #ddd;
  padding-top: 30px;
  margin-bottom: 30px;
  position: relative;
}

.form-payment .gform_page_footer::before,
.form-payment .gform_page_footer::after {
  content: " ";
  display: table;
}

.form-payment .gform_prev_button {
  float: left;
}

.form-payment .gform_next_button,
.form-payment .gform_button {
  float: right;
}

.form-payment .gform_ajax_spinner {
  display: none;
}

/* New signup for full time educations */

button,
input[type="submit"] {
  border-radius: 0;
}

.single-fs_education .form-work-sample .courses-work-samples {
  display: none;
}

.single-fs_education .form-work-sample_wrapper ul li {
  list-style: none;
  margin-left: 0;
}

.form-work-sample_wrapper.gform_wrapper .gfield input[type="text"] {
  width: 95%;
}

.form-work-sample_wrapper .gform_fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px !important;
}

.form-work-sample_wrapper.gform_wrapper .gfield {
  float: none;
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.form-work-sample_wrapper.gform_wrapper .gfield.gfield-100 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.form-work-sample_wrapper .gfield_required {
  display: inline-block;
}

.form-work-sample_wrapper .gform_footer {
  text-align: center;
  margin-top: 0;
  position: relative;
}

.form-work-sample_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 10px;
  right: 30px;
}

.gfield-center {
  text-align: center;
}

.gfield-hide-label .gfield_label {
  display: none;
}

.courses-work-samples .gfield_label {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}

.courses-work-samples ul {
  column-count: 2;
  max-width: 400px;
  margin: 0 auto !important;
}

@media (max-width: 600px) {
  .courses-work-samples ul {
    column-count: 1;
  }
}

.signup-actions {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}

.entry-content .btn-new,
.btn-new,
.form-work-sample_wrapper input#submit,
.form-work-sample_wrapper .gform_button {
  background: #ff9999;
  color: #fff;
  padding: 10px 25px;
  text-transform: uppercase;
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
}

.entry-content .work-sample-list,
.work-sample-list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.entry-content .work-sample-list li,
.work-sample-list li {
  list-style: none;
  margin: 0 0 5px !important;
}

.entry-content .work-sample-list li a,
.work-sample-list li a {
  font-family: "ITCFranklinGothicW01-Dm 812668", sans-serif;
  letter-spacing: 1px;
  border-bottom: 1px solid #cc6666;
}

/**
 * Modal
 */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.7);
  pointer-events: none;
  transition: visibility 0.2s, opacity 0.2s;
}

.modal-open .modal-backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 901;
  min-width: 300px;
  max-width: 550px;
  height: auto;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: visibility 0.2s, opacity 0.2s;
}

.modal.modal-active {
  visibility: visible;
  opacity: 1;
}

.modal.modal-active .modal-inner {
  transform: translateY(0);
}

.modal-inner {
  position: relative;
  background: #fff;
  border: 1px solid #000;
  padding: 30px;
  transform: translateY(40px);
  transition: transform 0.2s;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  color: #000 !important;
  font-size: 20px;
}

.modal-title--main {
  font-family: "ITCFranklinGothicW01-Hv 812689", sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
}

.modal-title-confirmation {
  display: none;
}

.modal-title-confirmation span {
  display: block;
  display: block;
  margin-top: 10px;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  font-family: "ITCFranklinGothicW01-Bk 812647", sans-serif;
}

.modal-title--main,
.modal-body p {
  margin-bottom: 20px;
}