/*
Theme Name: GoPortal
*/
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,input,textarea{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
body { font-size: 16px; line-height: 21px; font-family: 'Lato', 'Montserrat', Arial, sans-serif; color: #707070; font-weight: 400; }
.container { width: 1200px; margin: 0 auto; }
.narrow { width: 100%; max-width: 960px; margin: 0 auto; }
.extra-narrow { width: 100%; max-width: 600px; margin: 0 auto; }
a img { border: none; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }
.half, .third, .twothirds, .quarter, .threequarters, .fifth, .twofifths, .threefifths, .fourfifths { margin: 0 4% 20px 0; box-sizing:border-box; float: left; }
.last, .right { margin: 0 0 20px 0; }
.right { float: right!important; }
.full { width: 100%; }
.half { width: 48%; }
.quarter { width: 22%; }
.threequarters { width: 74%; }
.third { width: 30.66%; }
.twothirds { width: 65.32%; }
.fifth { width: 16.8%;}
.twofifths { width: 37.6%; }
.threefifths { width: 58.4%; }
.fourfifths { width: 79.2%; }
.alignleft { float: left; margin: 0 10px 0 0; }
.alignright { float: right; margin: 0 0 0 10px; }
.aligncenter { display: block; margin: 0 auto 10px auto; }
.padbot-1x { padding-bottom: 20px; }
.padbot-2x { padding-bottom: 40px; }
.padbot-3x { padding-bottom: 60px; }
.padbot-4x { padding-bottom: 80px; }
.padbot-5x { padding-bottom: 100px; }
.padbot-6x { padding-bottom: 140px; }
.padbot-7x { padding-bottom: 180px; }
.padbot-8x { padding-bottom: 220px; }
.padbot-9x { padding-bottom: 260px; }
.padbot-10x { padding-bottom: 300px; }
.padtop-1x { padding-top: 20px; }
.padtop-2x { padding-top: 40px; }
.padtop-3x { padding-top: 60px; }
.padtop-4x { padding-top: 80px; }
.padtop-5x { padding-top: 100px; }
.padtop-6x { padding-top: 140px; }
.padtop-7x { padding-top: 180px; }
.padtop-8x { padding-top: 220px; }
.padtop-9x { padding-top: 260px; }
.padtop-10x { padding-top: 300px; }
.padleft-1x { padding-left: 20px; }
.padleft-2x { padding-left: 40px; }
.padleft-3x { padding-left: 60px; }
.padleft-4x { padding-left: 80px; }
.padleft-5x { padding-left: 100px; }
.padright-1x { padding-right: 20px; }
.padright-2x { padding-right: 40px; }
.padright-3x { padding-right: 60px; }
.padright-4x { padding-right: 80px; }
.padright-5x { padding-right: 100px; }
/* --------------------- HEADER ---------------- */
#header {
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
#header .container {
position: relative;
}
#branding {
width: 233px;
float: left;
}
#branding img {
vertical-align: bottom;
}
/* BANNER */
#home-banner {
padding: 10% 0;
background-size: cover;
background-position: top right;
}
#home-banner h1 {
font-size: 70px;
}
#home-banner .search-wrapper {
background: rgba(0,0,0,0.5);
margin-bottom: 0;
}
.search-wrapper {
padding: 30px;
background: rgba(0,0,0,0.8);
margin-bottom: 30px;
}
.search-wrapper h2 {
margin-bottom: 0;
}
.search-wrapper input[type=text], .search-wrapper select {
display: block;
width: 23%;
float: left;
margin: 0 1%;
margin-bottom: 10px;
}
.search-wrapper select.field-small {
background-color: transparent;
border: 1px solid #fff;
color: white;
padding: 5px;
width: 18%;
}
.search-wrapper input[type=submit] {
display: block;
width: 98%;
margin: 0 1%;
}
.search-wrapper select.subcat-field, .search-wrapper select.subcat-field2 {
display: none;
}
.search-wrapper #s {
display: none;
}
/* -------------------- NAV ------------------- */
#nav {
position: relative;
display: inline-block;
float: right;
margin-top: 14px;
}
#menu-icon {
display: none;
width: 32px;
height: 32px;
background: url(images/menu-small-black.png) no-repeat;
position: absolute;
right: 0;
top: 0;
background-size: 32px 32px;
}
#menu-close {
display: none;
color: #b50010;
}
#nav ul {
list-style-type: none;
}
#nav ul li {
float: left;
position: relative;
margin-left: 40px;
}
#nav ul li a {
color: #444;
text-decoration: none;
}
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current-page-parent a {
}
#nav ul li ul {
position: absolute;
left: -9999px;
}
#nav ul li:hover ul {
left: 0px;
}
#nav ul li ul li {
float: none;
}
#nav ul li ul li a {
white-space: nowrap;
}
#nav ul li:hover a {
} /* to make the top link stay hovered when you move down the list */
#nav ul li:hover ul a {
}/* so only the top link stays hovered */
#nav ul li ul li a:hover {
} /* most specific hover */
/* ------------- CONTENT ------------ */
.custom-row {
position: relative;
}
.custom-row .container {
position: relative;
z-index: 10;
}
.overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.light {
color: white;
}
#content ul, #content ol {
margin-left: 20px;
margin-bottom: 20px;
}
#content ul li, #content ol li {
margin-bottom: 5px;
}
#content ul {
list-style-type: disc;
}
#content ol {
list-style-type: decimal;
}
#content ol li ol {
list-style-type: lower-alpha;
}
#content p {
margin-bottom: 20px;
}
img {
max-width: 100%!important;
height: auto!important;
}
iframe {
max-width: 100%;
}
.center {
text-align: center;
}
.text-right {
text-align:right;
}
.text-left {
text-align: left;
}
.nomargin {
margin: 0!important;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a {
color: #b50010;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.1em;
margin-bottom: 20px;
color: #222;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
color: white;
}
h1 {
font-size: 48px;
font-weight: 700;
}
h2 {
font-weight: 700;
font-size: 40px;
}
h3 {
font-size: 30px;
font-weight: 700;
}
h4 {
font-size: 24px;
font-weight: 400;
}
h5 {
font-size: 18px;
font-weight: 400;
}
h6 {
font-weight: 700;
font-size: 18px;
position: relative;
padding-bottom: 10px;
}
h6:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 1px;
background: #bc0010;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #444;
}
hr {
border-top: none;
border-bottom: 1px solid #999;
margin: 40px 0;
}
.button {
display: inline-block;
margin: 0 10px 20px 0;
}
.center .button {
margin: 0 5px 20px 5px;
}
.button a {
display: block;
color: white;
text-decoration: none!important;
background: #bc0010;
padding: 15px 40px;
font-size: 18px;
text-align: center;
}
.light .button a {
background: #fff;
color: #222;
}
input[type=text], input[type=email], input[type=tel], input[type=password], textarea, select {
width: 100%;
padding: 10px;
background: #fff;
border: 1px solid #ddd;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(images/arrow-down-small.png);
background-repeat: no-repeat;
background-position: right 10px center;
}
input[type=submit], input[type=button] {
padding: 11px 20px;
display: inline-block;
color: white;
background: #b50010;
cursor: pointer;
text-align: center;
}
table {
text-align: left;
width: 100%;
margin-bottom: 10px;
}
table tr {
border-bottom: 1px solid #ddd;
}
table tbody tr:nth-of-type(odd) {
background: #f8f8f8;
}
table th {
font-weight: bold;
padding: 0px 10px 0px 0;
}
table td {
padding: 3px 10px 3px 0;
}
.pagination a, .pagination span {
display: inline-block;
margin-right: 5px;
padding: 5px 10px;
}
.pagination a {
border: 1px solid #bc0010;
}
.pagination span {
border: 1px solid #707070;
}
/* REGIONS */
#regions .region {
float: left;
width: 25%;
padding: 5px;
}
#regions .region a {
display: block;
background: #999;
color: white;
text-decoration: none;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#regions .region a img {
vertical-align: bottom;
}
#regions .region a h3 {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
text-shadow: 1px 1px 2px #000;
}
#regions .all-regions a {
height: 160px;
background: #b50010;
padding: 10px;
}
#regions .all-regions a span {
display: block;
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
border: 2px solid white;
}
/* SCHOOLS */
.school-item h5 {
font-size: 16px;
color: #999;
}
.school-item .logo {
height: 80px;
margin-bottom: 20px;
vertical-align: middle;
}
#schools .school-item:nth-of-type(4n) {
margin-right: 0;
}
/* NEWS BLOCK */
.post-item {
display: block;
position: relative;
margin-bottom: 20px;
}
.post-item img {
vertical-align: bottom;
}
.post-item-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: rgba(0,0,0,0.5);
font-size: 14px;
}
.post-item-title h4 {
font-size: 20px;
font-weight: 700;
}
#english-classes {
background-color: #3d5863;
background-image: url(images/canada-overlay.png);
background-repeat: no-repeat;
background-position: center;
background-size: 90% auto;
padding: 20px;
}
#english-classes-inner {
padding: 20px;
border: 2px solid #fff;
}
#english-classes-inner h3 {
color: #e45f62;
font-weight: 700;
}
/* PROGRAMS */
.search-criteria span {
display: inline-block;
margin-right: 5px;
background: #ddd;
padding: 1px 7px;
font-size: 12px;
text-transform: uppercase;
}
.program {
border: 1px solid #e1e1e1;
padding: 15px 15px 0 15px;
color: #999;
font-size: 15px;
margin-bottom: 20px;
}
.program .quarter, .program .threequarters {
margin-bottom: 0;
}
.program h3 {
margin-bottom: 5px;
}
.program-meta {
margin-bottom: 20px;
}
.program-meta span {
margin-right: 30px;
padding-left: 30px;
line-height: 24px;
display: inline-block;
text-decoration: none;
}
.program-meta a {
color: #999;
}
.program-meta .location {
background-image: url(images/marker-icon.png);
background-repeat: no-repeat;
}
.program-meta .program-category {
background-image: url(images/program-icon.png);
background-repeat: no-repeat;
}
/* SINGLE PROGRAM */
#program-banner {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 10% 0;
position: relative;
}
#program-banner .container {
position: relative;
z-index: 10;
}
#program-banner .overlay {
background-color: rgba(0,0,0,0.4);
}
#program-details {
font-size: 14px;
padding: 15px;
background: #f2f2f2;
}
#program-details .container {
border-bottom: 1px solid #ddd;
}
#program-details .container:last-of-type {
border-bottom: none;
}
#program-details p {
margin-bottom: 10px;
}
#program-details strong, #program-details th {
color: #222;
}
#program-details table td {
font-size: 13px;
}
.grey {
background: #f8f8f8;
}
.program-sidebar {
background: #f8f8f8;
padding: 20px 20px 10px 20px;
font-size: 13px;
margin-bottom: 20px;
}
#content .program-sidebar p {
margin-bottom: 10px;
}
.program-sidebar a {
text-decoration: underline;
}
.program-info span {
display: inline-block;
margin-right: 5px;
background: #ddd;
padding: 0 10px;
}
.program-sidebar .button a {
font-size: 14px;
}
table#start-dates td strong {
color: #b50010;
font-size: 18px;
text-indent: 30px;
padding-left: 0;
}
.program-info {
padding-left: 50px;
background-repeat: no-repeat;
background-size: 24px auto;
background-position: top left;
margin-bottom: 20px;
}
.program-info a {
text-decoration: underline;
}
.program-info.school {
background-image: url(images/university.png);
}
.program-info.book {
background-image: url(images/book.png);
}
.program-info.calendar {
background-image: url(images/calendar.png);
}
.program-info.cost {
background-image: url(images/cost.png);
}
.program-info.work {
background-image: url(images/work.png);
}
.program-info.staff {
background-image: url(images/staff.png);
}
table.program-list .intakes span {
display: block;
font-size: 13px;
}
table.program-list td {
vertical-align: middle;
padding: 10px;
}
table.program-list th {
padding: 5px 10px;
}
table.program-list tr {
border-bottom: 1px solid #ddd;
}
#program-list .jplist-panel .text-filter-box, #program-list .jplist-panel input[type="text"], #program-list .jplist-drop-down .jplist-dd-panel, #program-list .jplist-drop-down .jplist-dd-panel, #program-list .jplist-drop-down {
height: 40px;
line-height: 40px;
}
#content .jplist-drop-down ul {
margin-left: 0;
}
#program-list .jplist-drop-down .jplist-dd-panel, #program-list .jplist-drop-down {
width: 200px;
}
/* LOGIN / ACCOUNT / REGISTER */
.main_loginform_block {
margin: 0 auto;
width: 100%;
max-width: 800px;
padding: 30px;
background: #f8f8f8;
}
.login-header {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 800px;
}
.main_loginform_block #nav {
float: none;
margin: 0;
}
.wpc_registration_block {
padding: 30px!important;
background: #f8f8f8;
}
#content label {
font-weight: bold;
color: black;
}
#wpc_registration_form div.wpc_form_line:nth-child(7) { display: block; }
#wpc_registration_form div.wpc_form_line:nth-child(8), #wpc_registration_form div.wpc_form_line:nth-child(9), #wpc_registration_form div.wpc_form_line:nth-child(10), #wpc_registration_form div.wpc_form_line:nth-child(11), #wpc_registration_form div.wpc_form_line:nth-child(12), #wpc_registration_form div.wpc_form_line:nth-child(13), #wpc_registration_form div.wpc_form_line:nth-child(15), #wpc_registration_form div.wpc_form_line:nth-child(16), #wpc_registration_form div.wpc_form_line:nth-child(17), #wpc_registration_form div.wpc_form_line:nth-child(18), #wpc_registration_form div.wpc_form_line:nth-child(19), #wpc_registration_form div.wpc_form_line:nth-child(20), #wpc_registration_form div.wpc_form_line:nth-child(21), #wpc_registration_form div.wpc_form_line:nth-child(22), #wpc_registration_form div.wpc_form_line:nth-child(23) { display: none; }
/* FOOTER */
#footer {
background: #222;
}
#footer #newsletter {
padding-top: 120px;
background-image: url(images/icon-newsletter-white.png);
background-position: top center;
background-repeat: no-repeat;
}
#newsletter input[type=email] {
float: left;
width: 75%;
}
#newsletter input[type=submit] {
width: 25%;
float: left;
}
#footer-widgets section.widget-container {
float: left;
width: 23.5%;
margin-right: 2%;
}
#footer-widgets a {
color: #fff;
}
#footer-widgets section.widget-container:nth-of-type(4n) {
margin-right: 0;
}
#footer-widgets section.widget-container:nth-of-type(4n+1) {
clear: both;
}
.social-list li {
display: inline-block;
margin: 0 6px 0 0;
}
.social-list.center li, .center .social-list li {
margin: 0 3px;
}
/* ------------------- MEDIA QUERIES -------------------- */
@media only screen and (max-width: 1200px) {
.container {
width: 1000px;
}
}
@media only screen and (max-width: 1024px) {
.container {
width: 728px;
}
#header {
padding:5px 0;
}
#branding {
width: 155px;
}
#menu-icon {
display:inline-block;
cursor: pointer;
}
#nav {
display: block;
float: none;
position: fixed;
top: 0;
right: -300px;
bottom: 0;
overflow-y: scroll;
background: #222;
z-index: 99999;
width: 300px;
padding: 40px 20px;
}
#nav ul {
list-style-type: none;
margin-top: 30px;
}
#nav ul li {
float: none;
position: relative;
margin-left: 0;
}
#nav ul li a {
display: block;
color: #fff;
text-decoration: none;
padding: 10px 0;
border-bottom: 1px solid #666;
}
#menu-close {
font-size: 24px;
cursor: pointer;
display: block;
}
h2 {
font-size: 30px;
}
#home-banner h1 {
font-size: 54px;
}
h4 {
font-size: 20px;
}
.search-wrapper select.field-small {
width: 31.33%;
}
.search-wrapper select.field-small#tuition, .search-wrapper select.field-small#elp {
width: 48%;
}
#regions .region {
width: 50%;
}
#regions .region img {
width: 100%;
}
#news-row .twothirds, #news-row .third {
width: 100%;
float: none;
margin-right: 0;
}
#news-row .third a {
float: left;
width: 49%;
margin-right: 2%;
}
#news-row .third a:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.container {
width: 620px;
}
.full, .half, .third, .twothirds, .quarter, .threequarters, .fifth, .twofifths, .threefifths, .fourfifths, .threeeighths, .fiveeighths, .seveneighths {
width: 100%;
margin: 0 0 20px 0;
float: none;
}
.search-wrapper select {
width: 48%;
}
#news-row .third a {
float: none;
width: 100%;
margin-right: 0;
}
#news-row .third a img {
width: 100%;
}
#footer-widgets section.widget-container {
width: 49%;
margin-bottom: 30px;
}
#footer-widgets section.widget-container:nth-of-type(2n) {
margin-right: 0;
}
#footer-widgets section.widget-container:nth-of-type(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 639px) {
.container {
width: 460px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 24px;
}
#home-banner h1 {
font-size: 44px;
}
.search-wrapper select.field-small {
width: 98%!important;
}
#regions .region {
width: 100%;
}
}
@media only screen and (max-width: 479px) {
.container {
width: 320px;
}
#footer-widgets section.widget-container {
width: 100%;
float: none;
margin-right: 0;
}
.search-wrapper select, .search-wrapper select.field-small, .search-wrapper input[type="submit"] {
width: 100%!important;
float: none!important;
margin: 0 0 5px 0!important;
}
#home-banner h2 {
font-size: 17px;
}
#home-banner h1 {
font-size: 28px;
}
#home-banner h4 {
font-size: 14px;
}
}
@media only screen and (max-width: 339px) {
.container {
width: 280px;
}
}
@media only screen and (max-width: 767px) and (orientation:landscape) {
}