/*
Theme Name: Psychology Degrees v2
Author:  PSY
Description: Psychology Degrees.org theme
Version: 3.0.0
*/

/* Main */
* {box-sizing: border-box;}
body {font-family:'Lato', sans-serif; line-height:1.8em; font-size:16px; text-rendering:optimizeLegibility; background:#FFF; margin:0; color:#222;}
::-moz-selection {color: #FFF; background: #222;}
::selection {color: #FFF; background: #222;}
.contain {max-width:1200px; width:100%; margin:auto; clear:both;}
.header {width:100%; margin:0 auto; display:block; min-height:30px; background:#485259; padding: 0; box-shadow: 0 1px 7px rgba(0,0,0,.1);}
.inner {max-width:1100px; width:100%; margin:auto;}
.side {float:right; margin:1% auto; padding:1%; width:25%; display:block;}
	.side2 {display:block;} 
.leftmenu {display:block; font-size:.9em;}
.content-full {width:98%; float:none; margin: 1em auto; padding: 0 2em; background: #FFF; max-width:1000px;}
.content {width:70%; float:left; margin: 1em auto; padding: 0 2em; background: #FFF;}
.main-content {padding: .1em 2em; background: #FFF; margin-top:2.5%;}
.logo {float:left;}
.logo img, .logo a img {width:250px; margin:0 auto; display:block;}
.desc {font-size:0.75em; opacity:0.8; padding:0; margin-top:0; text-align:center; line-height:1em;}
.content p {padding:0 2em 1em;}
.bc {margin-top:0; width:100%; background: #F5F7FF; border-bottom: 1px dotted #ddd;}
#breadcrumbs {font-size:.9em;}
.footer {background:#485259; font-size:.95em; clear:both; max-width:100%; text-align:center; margin:3em auto 0; padding:4em; overflow:hidden; color:#FFF;}
.footer a, .footer a:visited {color:#FFF; text-decoration:none;}
.dropcap {background:#9BCA3E; border-radius:70px; color:#FFFFFF; display:block; float:left; font-size:36px; font-weight:bold; height:40px; line-height:40px; margin:0 20px 20px 0; overflow:hidden; position:relative; text-align:center; text-transform:uppercase; width:40px;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
img {max-width: 100%; height: auto;}
img.alignleft {float:left; padding-right:3%;}
img.alignright {float:right; padding-left:3%;}
img.small {width:100px; height:auto; padding:5px;}
img.med {width:200px; height:auto; padding:5px;}
img.large {width:300px; height:auto; padding:5px;}
.smaller {font-size:.9em; line-height:1.5em;}
.sub {padding-left: 2em; font-size:13px; line-height:1.4em;}

/* Headings */
h1, h2, h3 {font-family: inherit; font-weight:400;}
h1 {font-size:1.9em; text-transform:none; margin: .2em auto;}
h2 {font-size:1.5em; margin: .3em auto;}
h3 {font-size:1.1em; margin: .2em auto;}
h4 {font-size: .9em; margin: .2em;}
h5 {font-size:1.1em; opacity:.9; margin:8px 0; clear:none;}
a, a:visited {color:#33B4A2; text-decoration:none;}
.side h2 {font-size:1.2em; text-transform:none; font-weight:bold; font-family:inherit;}
.side h3 {margin:5px 0;}
.content-header p {opacity:.7; padding-left:10px;}

/* PSY Responsive Navigation */
.nav-main {overflow: hidden; max-width: 1200px; margin: 0 auto; text-align:right;}
.nav-main a, .nav-main a:visited {float: left; display: block; color: #FFF; text-align: left; padding: 14px 16px; text-decoration: none;  border-bottom:none; font-size:14px;}
.active {color: inherit;}
.nav-main .icon {display: none;}
.dropdown {float: left; overflow: hidden; font-size: inherit;}
.dropdown .navdropdwn {border: none; outline: none; color: #34495E; padding: 3px 5px; background-color: inherit; font-family: inherit; margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #F9F9F9; min-width: 160px; border:2px solid #33B4A2; border-radius:3px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a, .dropdown-content a:visited {font-size: .9em; line-height:1.5em; float: none; color: #485259; padding: 3px 5px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a.dropdown-parent {color:#33B4A2; border-bottom:1px solid #CCC;}
.nav-main a:hover, .dropdown:hover .navdropdwn {color: #FFF;}
.dropdown-content a:hover {background-color: #F5F5F5; color: #33B4A2;}
.nav-main .psy-logo-col {display: block; float:left;}
.nav-main .nav-col {float:right; margin: 1em auto 0; width:auto;}
.nav-main a.psy-logo:hover, a.psy-logo img:hover {background-color: none;}
.dropdown:hover .dropdown-content {display: block;}
@media screen and (max-width: 900px) {
.nav-main a:not(:first-child), .dropdown .navdropdwn { display: none; }
.nav-main a.icon {float: right; display: block;}
.nav-main.responsive {position: relative;}
.nav-main .nav-col {float: none; margin: 1em auto;}
.nav-main.responsive .icon {position: absolute; right: 0; top: 0;}
.nav-main.responsive a {float: none; display: block; text-align: left;}
.nav-main.responsive .dropdown {float: none;  width:100%; clear:both;}
.nav-main.responsive .dropdown-content {position: relative;}
.nav-main.responsive .dropdown .navdropdwn {display: block; width: 100%; text-align: left;}
button.navdropdwn {background:inherit; color:inherit; font-size:inherit; border:inherit; border-radius:inherit; padding:inherit;}}
.nav-col {float: none; margin:10px auto 0;}
i.down {border: solid #FFF; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); float: right; display: block; margin: 6px 0px 0px 10px;}

/* Program Lists */
.programs {text-align:center;}
.programs ul a {color:inherit; text-decoration:none;}
.programs ul a:visited {color:inherit;}
.programs ul li {list-style:none; border-bottom:1px dotted #536E77;} 
.programs ul li:hover {background-color:#9BCA3E; color:#f9f9f9;} 
.programs ul li a {color:inherit; text-decoration:none;}
.programs ul, .toc-navigate ul {margin:2% 1%; padding:2% 0; background-color:#f5f5f5;}
.widget-title {color:#444; font-family:inherit; font-size:19px; letter-spacing:0; margin-bottom:0; padding:2px; text-transform:none;}
.widget-title h2 {margin-bottom:0;}
/*.row {width:100%; margin:1% auto; clear:both;}
.col {float:left; margin:0 auto; width:33.3%;}*/

/* Quick Adjust Admin Styles*/
#wpadminbar ul, #wpadminbar ul li {border:none;}

/* Psy Colors */
.bordertopgreen {border-top:5px solid #1FEE93;}
.bordergreen  {border:5px solid #1FEE93;}
.bggreen  {background: #1FEE93; color:#FFF;}
.bordertopblue {border-top:5px solid #1EA2C8;}
.borderblue  {border:5px solid #1EA2C8;}
.bgblue  {background: #1EA2C8; color:#FFF;}

/* PSY Cards */
.card-psy {background-color: #FFF; display: block; height: auto; padding: 0; width: 98%; margin: 3% auto; font-family: inherit; border: 1px solid #d1d9df; border-radius:3px}
.card-psy h3 {font-size: 1em; border-bottom:1px solid #EEE; margin-top: 0;padding: .25em 0;text-align: center;font-weight: 400; background:#F5F7FF;}

/*Scroll to Top*/
#TopBtn {display: none; position: fixed; bottom: 0px; right: 10%; z-index: 99; border: none; outline: none; background-color:#34495E; opacity:.7; color: white; cursor: pointer; padding: 5px; border-radius:0%; vertical-align:middle;}
#TopBtn:hover {opacity:.9;}
#TopBtn i.uparrow {font-size:20px; color:#FFF; font-weight:bold; padding:.25em;}



/* Program Descriptions */
.comparison-description {font-size:0.8em; line-height:1.55em; margin:0.1% auto 1%; opacity:0.7; padding:0 2%;}

/* Types and Careers */
.avgsal {background:#5B893A; margin-left:3%; border-radius:50%; padding:1%; font-size:13px; color:#fff;}
.drop {background:#0094FF; margin-left:3%; border-radius:50%; padding:1%; font-size:1.2em; color:#fff; font-weight:bold;}
.type ul li {padding:2%;}
.careers-psychology {width:98%; margin:1% auto;}
.careers-psychology em {opacity:.8;}
.ajobfor, .area, .text, .workplace, .mindegree {padding:1%; font-size:.9em; line-height:1.75em;}
.ajobfor {float:right; width:50%; margin:auto;}
.area {float:left; width: 50%; margin:auto;}
.text {border-top:1px dotted #bbb;}
.workplace {border-top:1px dotted #bbb;}
.mindegree {border-top:1px solid red; padding:1%;}

/* Lists for only content and sidebars */
.contain ul {font-size:inherit; margin:0em auto; width:93%; padding:0;}
.contain ul ul {border-top: none; border-bottom:none;}
.contain ul li {font-size:inherit; line-height:1.7em; vertical-align:middle; padding: 0 1em .25em; list-style: inside circle;}

/* Content Lists */
.code {font-family:Consolas, "courier new"; background-color:#f4f4f4; border-left:4px solid #4CAF50; padding:3% 2%; width:auto; word-wrap:break-word; height:auto; overflow:hidden; clear:both; margin: 2% auto; width:90%;}
.full {clear:both; width:100%; margin:10px auto;}
.half {float:left; width:45%; padding:0 5px; margin:0 auto;}
.program-filters {background:#79B1D8;}
@media only screen and (max-width: 700px) {
.leftmenu {display:none;}
.side, .content {float:none; width:95%; display:block; padding:.1em 1em;}
.side2 {display:none;}
}

/* Ordered Lists */
ol {list-style: none; counter-reset: li;}
ol li::before {content: counter(li); color: #34495E; font-weight:bold; display: inline-block; width: auto; margin-left: -1em; font-size:1.5em; padding: .25em .55em 0; border-left: 2px dotted #2CCD70; border-top: 2px dotted #2CCD70; margin:5px;}
ol li {counter-increment: li; font-family:inherit; line-height:1.6em; font-weight:normal; margin:0 auto;}
li > ul, li > ol {margin-bottom: 0;margin-left: 1.5em;}

/* Fix on HE */
#platform-editorial-links ol li::before {content:none;}
.psychologysmall {padding-left:12px; font-size:.8em; opacity:.8;}
.sm {font-size:.9em;}
.psycard {width:99%; margin:0 auto 1%; padding: 0 .5em; font-size:.85em; border:1px solid #DDD; border-top: 5px solid #10A9CA; }

/* Program Chips */
.chip {display: inline-block; border: 1px solid #34495E; padding: 0px 25px 52px; height: 50px; font-size: 14px; line-height: 50px; border-radius: 25px; background-color: white; margin: .5em;}
.chip a {border-bottom:none;}
.chip img {float: left; margin: 0 10px 0 -25px; height: 50px; width: 50px; border-radius: 50%;}

/* Featured Cards */
.card-home {background-color: #fff; border: 1px solid #34495E; border-left: 13px solid #33B4A2; height: auto; padding: 1em .5em; width: 95%; margin: .2em auto; border-radius: 2px; font-family: inherit;}
.card-home h5 {font-size: 1.3em; color: #34495E; font-weight: normal;}
.card-home ul li {list-style: none; padding:0;}
.bg-degree {background: url(https://www.psychologydegrees.org//images/icons/icon-online.jpg) no-repeat 110% 50%;}
.bg-career {background: url(https://www.psychologydegrees.org//images/icons/icon-school.jpg) no-repeat 110% 50%;}

/* Buttons */
.button {background-color: #228E51; border: none; color: white; padding: 7px 27px; text-align: center; text-decoration: none; display: inline-block; font-size: 1em; border-radius: 10px; margin: .5em 1em;}
a.button, a.button:visited {color:white;}

/*Listings*/
p.pintro {line-height:1.3em; margin:0; padding:0; font-size:.9em; opacity:.7;}
.spo {text-align: right; line-height: 1em; opacity: .8; font-size: 13px; margin-top: 0; padding-top: 0; font-style: italic;}
.sp {float:right; background: #c1c1c1; color: white; font-size:13px; border-radius: 50%; font-weight: bold; line-height: 1em; padding: 2px 9px 2px 7px; font-style:italic;}
.sp1 {background: #c1c1c1; color:white; font-size:13px; border-radius: 50%; font-weight: bold; line-height: 1em; padding: 1px 8px 1px 6px; font-style:italic;}
.programinfo {font-size:.9em; padding-left:.3em; opacity:.8;}

/* Columns */
.row {display: table; width: 100%; margin:1% auto;}
.row .col {display: table-cell; padding:1%; vertical-align:top;}
@media only screen and (max-width: 600px) {.row .col {display: block; width: 95%; margin:1% auto;}}
.row:after {content: ""; display: table; clear: both;}

/* Cards */
.card2, .card {border-radius:3px; border:1px solid #ddd; background-color:#FFF; display:block; height:auto; padding:2%; width:95%; margin:2% auto; font-family:inherit;}
.school-nat {border-radius:1px; background-color:#FFF; display:block; height:auto; padding:5px; width:98%; margin:.25em auto; font-family:inherit;}
.card2 ul, .card ul {border-bottom:none;}
.card2 h3, .card h2, .card h4, .card h3, .card h2, .card h4 {font-family: inherit;}
.psy-btn {background: #301D4B; color:#fff; text-align: center; padding: 3px 27px;}
/* Backgrounds and Colors */
.callout {width:90%; margin:2% auto; padding:1.5%; overflow:hidden;}
/* Floats */
.fright {float:right;}
.fleft {float:left;}

/* Group of Programs */
.group {background:#FFFFFF; margin:0 auto; padding:1%; width:90%; border-bottom: 1px solid #999; border-left: 8px solid #EEE;}
.group-inner {width:100%;}
.group-school {display:block; font-family:inherit; font-size:1.1em; font-weight:700; margin:10px 0 0; width:100%;}
.group-2 {display:table; height:auto; line-height:1.3em; overflow:hidden; padding:0 0 0 15px; width:99%;}
.group-url {display:block; width:230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .group-url a, .group-url a:visited {padding-left: 5px; font-size:11px; text-decoration:none; color:#007F46; display:table-cell; width:250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.group-url .material-icons, .material-icons {font-size:inherit;}
.group-loc {font-size:.85em; opacity:.7; float:right; width:20%;}
.group ul.groupul {border-top:none; border-bottom:none; font-size:0.8em; line-height:1.2em; margin:0; padding:0 0 0 10px;}
a.psychology-btn {border:1px solid; border-radius:2px; padding:.2em; font-size:.9em; margin:.2em 0;}

/* Authorship */
.authorcard {/*border: 1px solid #252C56; border-left: 5px solid #252C56;*/ background: #F5F7FF; padding: .5em 1em; width:99%; margin:1em auto 2em;}
img.authorpic {width: 60px; margin-right: .75em; border-radius: 50%;}
.authorname {font-weight:bold; margin: 0; line-height: 1em;}
.authorbio {line-height:1.2em; font-size:.8em; opacity:.7;}
em.reviewed {font-size: .8em; display: block; color: darkred; line-height:1em;}
.updated {font-size: .8em; color: #8e603e; opacity: .7;}
.authorcard h3 {font-size:1.3em; font-weight:bold;}
.authorcard ul {padding:0 margin:0 .5em;}
.authorcard ul li {padding:0; font-size:.9em;}

/* Table */
table, table.table {border-collapse:collapse; width: 99%; margin: 2em auto 0; border: 1px solid #EEE; background-color:#FFF; line-height:1.3em; font-size:.95em; clear:both;}
table tr th {background: #d1d9df; color: #111; padding:1em .25em;}
table tr {border-bottom:1px solid #EEE;}
table tr td {padding:.4em .25em;}
table tr td.tdschool {background:#FFF; min-width:230px;}
/* Adjust Table for Tablets and Mobile */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr {display: block; font-size:.95em;}
table tr th {display:none;}
table tr {border-bottom: none;}
table tr td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 5%; }
table tr td.tdschool {background: #d1d9df; color: #111; font-size:1.1em; width:100%;}
table tr td::before {content: attr(data-th)": "; font-weight: bold; width:6.5em; display: inline-block; text-align:left;}
table tr td.tdschool::before {content: none; width:0;}
}

/* Search Results */
.results-card {display:block; margin:2em auto; width:98%; border:1px solid #EEE; border-radius: 4px; clear:both; background:#FFF; box-shadow: 0px 1px 7px #999; transition: box-shadow 0.15s ease-in-out 0s;}
.results-card:hover {box-shadow: 0px 1px 18px #555; transition: box-shadow 0.25s ease-in-out 0s;}
.flex-container {display: flex; flex-wrap: nowrap;}
.flex-item-left {flex: 70%;}
.flex-item-right {flex: 30%; border-left: 1px solid #EEE; padding: .5em 1em;}

/* Body */
.results-highlights {display: flex; flex-wrap: nowrap; text-align: center; border-top:1px solid #ddd; vertical-align: baseline;}
.res {flex: 30%; line-height: 1.5em; font-size: 13px; padding: 10px 5px; width: 30%; margin: 0 auto; text-align: center;}
.resbright {border-right: 1px solid #DDD;}
.res1:before {content:"✔ "; font-weight:bold;}
.res2:before {content:"✎ "; font-weight:bold;}
.res3:before {content:"Level: "; font-weight:bold;}
.results-school-mobile-image {display:none;}
img.results-image {max-width:270px; max-height:90px; height:auto; margin:1em auto; display:block;}
.results-program-name {font-weight:bold; font-size: 25px; padding: .5em; border-bottom:1px solid #EEE; line-height:1.2em;}
.results-school-name {opacity:.7; font-size: 17px; padding: 0 1em .5em; line-height:1.2em;}
.results-writeup {opacity:.7; font-size:13px; line-height:1.5em; padding: 0 1em; margin: .2em 1em 1em;}
.results-center {text-align:center;}
a.results-button, a.results-button:visited {border-radius: 3px; padding: 5px 10px; text-align:center; width: 80%; margin: 0 auto; display: block;}
a.results-button:hover, a.results-button:visited:hover {filter: brightness(85%);}
.click-to {opacity:.7; font-size:12px; line-height:1.5em; text-align:center; margin: 1.5em 0 .5em;}

/* Responsive */ @media (max-width: 800px) {.flex-container, .results-highlights {display: flex; flex-wrap: wrap;}
.flex-item-right, .flex-item-left {flex: 100%;}
.results-program-name {font-size: 20px; padding: .5em; border-bottom:1px solid #EEE; line-height:1.2em;}
.resbright {border-bottom:1px solid #DDD;}
.results-school-mobile-image {display:block;float:right;width:45%; margin:0;}
img.results-image-mobile {max-width:99%; margin:0 auto; height:auto; max-height:100px; padding:.5em; float:right; background-color:white;}
img.results-image {display:none;}
.results-program-name {border-bottom:none;}
.results-school-name {border-bottom:1px solid #EEE;}}

/* Customize Results Colors Here */
/* Request Info Button */ a.results-button, a.results-button:visited {background-color: #34B5A3; color: #19564D; border-bottom: 2px solid;}
/* Program Name */ .results-program-name a {color:#444;}
/* Program Name Hover */ .results-program-name a:hover {color:royalblue;}
/* Writeup Link Color */ p.results-writeup a, p.results-writeup a:visited {color: royalblue;}
/* Highlights */ .results-highlights {color: #555; background: #E7E9EB;}

/* School Search: DO NOT EDIT */
.school-search input[type=text], .school-search select {width: 100%; padding: 10px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; border-color: .1s ease-in-out; font-size: 13px; font-family: inherit; cursor:pointer; /* Replace dropdown arrow */ background-color:#FFF; background-image: linear-gradient(45deg, transparent 40%, gray 45%), linear-gradient(135deg, gray 45%, transparent 40%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; /*Chrome and Safari*/ -webkit-appearance: none; /*Firefox*/ text-indent: 0.01px; text-overflow: "";}
.school-search input[type=submit] {width: 100%;  padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; font-size: 16px; font-weight: normal;}
.ss1 {max-width: 350px;}
.ss2 {width:98%;}
.school-search {border-radius: 9px; padding: 0px; margin: .5em auto 2em; font-family:inherit;}
.school-search .form-body, .school-search .form-submit {padding: .4em 1.5em;}
.school-search .intro {font-size:1.4em; font-weight:bold; text-align:center; padding:.5em;}

/* Customize Colors Here */
/* Main Background Color */ .school-search {background: #485259; box-shadow: 0 1px 10px #777;}
/* Heading Intro */         .school-search .intro {color: white; text-shadow:1px 1px #444;}
/* Submit Surround Area */  .school-search .form-submit {background:inherit;}
/* Submit Color */          .school-search input[type=submit] {background-color: #33B4A2; color: #19564D; border-bottom:3px solid;}
/* Submit Hover */          .school-search input[type=submit]:hover {filter: brightness(85%);}
/* Sp Link */				.sp2 {text-align:center; width:100%; margin:.1em auto; color:white; opacity:.6; font-size:.8em; font-style:italic;}