* {
padding: 0;
margin: 0;
border: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: 'Open Sans', helvetica, arial, sans-serif;
font-size: 100%;
font-weight: 100;
cursor: default;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #f8f8f8 url(//www.youthandpolicy.org/wp-content/themes/migration/img/logo.png);
}
#top {
background-color: #fff;
}
.container, .cont-header, .cont-nav {
position: relative;
max-width: 1440px;
margin: 0;
}
.cont-header, .cont-nav {
width: auto;
}
article, aside, details, figcaption, figure, figcaption, footer, header, menu, nav, section, video {
display: block;
}
h2, h3, h4, h5, h6, label {
font-family: 'Lora',  serif;
font-weight: normal;
letter-spacing: -0.5px;
}
img {
max-width: 100%;
vertical-align: middle;
}
button {
border-radius: 0;
}
#top-link a {
display: none;
position: fixed;
z-index: 9999;
right: 0;
bottom: 0;
color: #fff;
font-size: 0.9em;
padding: 8px 14px;
background: #d64b46;
border-top-left-radius: 10px;
}
.skip a {
position: absolute;
left: -9999px;
}
.skip a:focus, .skip a:active {
opacity: 0.8;
filter: alpha(opacity=80);
width: 100%;
top: 0;
left: 0;
z-index: 99;
text-align: center;
font-size: 0.8em;
padding: 6px 0;
outline: none;
}
#aside {
float: left;
width: 24%;
padding: 20px;
color: #fff;
background-color: #bf2f2a;
background: -webkit-linear-gradient(left,  #d64b46 0%,  #bf2f2a 100%);
background: linear-gradient(to right,  #d64b46 0%,  #bf2f2a 100%);
}
#aside h5 {
clear: left;
font-size: 1.2em;
margin: 0 0 6px;
padding: 20px 0 0;
border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
#aside p {
color: rgba(255, 255, 255, 0.5);
font-size: 0.9em;
}
#aside a:link, #aside a:visited {
color: #fff;
}
#aside .pull-outs-paypal {
overflow: inherit !important;
margin-bottom: 30px;
}
#aside .pull-outs-paypal form {
margin-top: 20px;
}
#aside .pull-outs-paypal input[type="image"] {
max-width: 140px;
}
#aside #es_shortcode_msg {
clear: left;
font-size: 0.9em;
font-weight: 700;
padding-top: 10px;
display: block;
}
.es_subscription_form {
margin:24px 0 0;
}
#header {
width: 100%}
#header img {
float: left;
max-width: 100%;
margin: 0 0 -6px;
}
#header h1 {
position: absolute;
left: -9999px;
}
#header p {
clear: left;
font-size: 0.95em;
letter-spacing: -0.5px;
text-transform: lowercase;
}
#header p.tagline {
color: rgba(255, 255, 255, 0.7);
margin: -4px 0 0 -20px;
padding: 8px 0 8px 12px;
background: #3e3739 url(//www.youthandpolicy.org/wp-content/themes/migration/img/bg.png);
}
#nav {
width: 100%}
#nav ul {
margin: 20px 0;
}
#nav ul li {
z-index: 999;
float: left;
width: 100%;
position: relative;
list-style: none;
font-size: 1em;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#nav ul li:last-child {
border-bottom: 0;
}
#nav ul li a {
display: block;
color: #fff;
padding: 10px 10px 10px 50px;
text-decoration: none;
background-position: 14px 12px;
background-repeat: no-repeat;
background-size: 20px 20px;
transition: all 0.5s ease-in-out;
}
#nav ul li:nth-child(1) a {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-01.png);
}
#nav ul li:nth-child(2) a {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-02.png);
}
#nav ul li:nth-child(3) a {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-03.png);
}
#nav ul li:nth-child(4) a {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-04.png);
}
#nav ul li:nth-child(5) a {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-05.png);
}
#nav ul li:nth-child(6) a {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-06.png);
}
#nav ul li:nth-child(7) a {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-07.png);
}
#nav ul li>a:hover, #nav ul li.selected>a, #nav ul li.current-menu-item>a, #nav ul li a:active, #nav ul li a:focus, #nav ul li:hover {
text-indent: 2px;
text-decoration: underline;
text-decoration: underline solid #db5f5b;
background-color: #bf2f2a;
}
#nav ul li.selected>a:hover, #nav ul li.current-menu-item>a:hover {
color: #fff;
}
#nav #pull {
display: none;
cursor: pointer;
position: relative;
width: 100%;
text-align: center;
color: #fff;
font-size: 1em;
font-weight: 300;
text-decoration: none;
padding: 10px 0;
background: #231f20 url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-nav.png) 94% 50% no-repeat;
}
#nav #pull.clozed {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-nav-closed.png);
}
#nav .mobnav-subarrow {
display: none;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
height: 40px;
width: 40px;
background: #231f20 url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-nav.png) 50% 50% no-repeat;
}
#nav .mobnav-subarrow.clozed {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-nav-closed.png);
}
#nav #navslide {
display: none;
cursor: pointer;
z-index: 99999;
position: fixed;
top: 0;
right: 0;
width: 44px;
height: 42px;
background: #952521 url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-nav.png) center center no-repeat;
border-bottom-left-radius: 6px;
}
.single-articles #nav ul li.menu-item-object-articles,
.single-yp_event #nav ul li.menu-item-object-yp_event,
.single-yp_publications #nav ul li.menu-item-object-yp_publications,
.single-yp_archive #nav ul li.menu-item-object-yp_archive {
color: #fff;
text-decoration: underline;
text-decoration: underline solid #db5f5b;
background-color: #bf2f2a;
}
#pull {
opacity: 0.5;
filter: alpha(opacity=50);
display: none;
cursor: pointer;
width: 100%;
padding: 0 0 6px;
margin: 10px 0 0;
background: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-pull.png) center bottom no-repeat;
background-size: 12px;
border-top: 3px solid #fff;
}
#pull:after {
display: inline-block;
content: "More";
color: #666;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px 6px 3px 8px;
background-color: #fff;
border-radius: 0 0 4px 4px;
}
#pull.clozed:after {
content: "Close"}
#subscribe-form {
float: left;
width: 100%;
margin-bottom: 30px;
}
#subscribe-form input[type="email"], #subscribe-form input[type="text"] {
width: 220px;
font-family: 'Open Sans', helvetica, arial, sans-serif;
font-size: 0.9em;
font-weight: 100;
padding: 7px 10px;margin: 4px 0 0;
background-color: #f2f2f2;
border-radius: 4px;
}
#subscribe-form input[type="email"]:focus, #subscribe-form input[type="text"]:focus {
background-color: #fff;
}
#subscribe-form input[type="submit"], #subscribe-form button, #subscribe-form #es_txt_button_pg {
cursor: pointer;
float: left;
color: #fff;
font-size: 0.9em;
text-align: center;
padding: 4px 10px 6px;
margin-top: 14px;
background-color: #df7470;
background: -webkit-linear-gradient(top,  #e99c99 0%,  #df7470 100%);
background: linear-gradient(to bottom,  #e99c99 0%,  #df7470 100%);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
#subscribe-form input[type="submit"]:hover, #subscribe-form input[type="submit"]:active, #subscribe-form input[type="submit"]:focus, #subscribe-form button:hover, #subscribe-form button:active, #subscribe-form button:focus, #subscribe-form #es_txt_button_pg:hover, #subscribe-form #es_txt_button_pg:active, #subscribe-form #es_txt_button_pg:focus {
background-color: #d64b46;
background: -webkit-linear-gradient(top,  #df7470 0%,  #d64b46 100%);
background: linear-gradient(to bottom,  #df7470 0%,  #d64b46 100%);
box-shadow: none;
}
.navbar-form {
float: left;
position: relative;
}
.navbar-form input[type="text"] {
width: 620px;
font-family: 'Open Sans', helvetica, arial, sans-serif;
font-size: 1em;
font-weight: 100;
padding: 14px 14px;
margin: 0 0 30px;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 0 10px 10px 0;
}
.navbar-form input[type="text"]:focus {
color: #fff;
font-weight: 700;
background-color: #5dc356;
}
.navbar-form button[type="submit"] {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
float: right;
width: 52px;
height: 52px;
background: #ccc url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-search.png) center center no-repeat;
background-size: 30px 30px;
border-radius: 0 10px 10px 0;
}
.navbar-form button[type="submit"]:hover {
background-color: #596;
}
.xactive main, .xactive .main-content h4, .xactive #intro-sets, .xactive .pagination, .xactive #footer, .xactive aside {
opacity: 0.2;
}
#social-links {
float: right;
text-align: right;
}
#social-links img {
float: right;
min-width: 30px;
max-width: 30px;
margin: 10px 0 0 10px;
border: 0;
transition: all 0.2s ease-in-out;
}
#social-links img:hover {
opacity: 0.5;
filter: alpha(opacity=50);
transform: scale(1.1);
}
#main-content_holder {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
color: #262626;
}
main {
width: 100%;
overflow: hidden;
padding-bottom: 30px;
}
.main-content {
float: right;
position: relative;
width: 76%;
padding: 30px 40px;
}
.main-content h2 {
font-size: 2.9em;
margin: 10px 0 6px;
}
.main-content h2 span {
color: #d64b46;
}
.main-content h3, .main-content h4, .main-content h5, .main-content h6 {
color: #d64b46;
font-size: 1.85em;
margin: 30px 0 18px;
padding: 0 0 4px;
border-bottom: 1px dotted #999;
}
.main-content h4, .main-content h5, .main-content h6 {
font-size: 1.4em;
margin: 30px 0 8px;
border-bottom: 0;
}
.main-content p {
font-size: 1.05em;
line-height: 1.65em;
margin: 0 0 14px;
}
.main-content p.breadcrumb, .main-content p.tags {
font-size: 0.85em;
color: #999;
}
.main-content p.tags {
font-family: 'Lora',  serif;
margin-bottom: 20px;
padding-bottom: 8px;
border-bottom: 1px dashed #ccc;
}
.main-content p.intro {
font-size: 1.225em;
line-height: 1.45em;
}
.main-content p.smallprint {
font-size: 0.85em;
font-weight: 600;
}
.main-content .tiny {
padding: 20px 20px 10px;
background-color: #f2f2f2;
}
.main-content .tiny p, .main-content .tiny ul li {
font-size: 0.7em;
}
.main-content .tiny p.hd-notes {
margin-bottom: 0;
}
.main-content ul, .main-content ol, .main-content dl {
margin: 24px 0 20px;
}
.main-content ul li, .main-content ol li, .main-content dl li {
list-style: disc;
font-size: 0.975em;
line-height: 1.65em;
margin: 0 0 10px 30px;
}
.main-content ol li {
list-style: decimal;
}
.main-content dl dt {
font-size: 0.9em;
font-weight: bold;
margin: 10px 0 0;
}
.main-content dl dd {
list-style: disc;
font-size: 0.9em;
line-height: 1.5em;
margin: 0 0 0 20px;
}
.main-content img {
float: right;
max-width: 100%;
margin: 0 0 20px 20px;
}
.main-content img.basic, .main-content img.alignnone {
float: none;
margin: 20px 0;
}
.main-content a:link, .main-content a:visited {
font-weight: 400;
text-decoration: underline;
text-decoration: underline solid #db5f5b;
}
.main-content a:hover {
text-decoration: none;
}
.main-content .table-scroll {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.main-content table {
width: 100%;
margin: 20px 0;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.main-content table td, .main-content table th {
vertical-align: top;
min-width: 100px;
font-size: 0.9em;
font-weight: 100;
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.main-content table th {
text-align: left;
color: #fff;
font-size: 1em;
background: #d64b46;
}
.main-content table td h3 {
margin: 0;
}
.main-content table td p {
font-size: 1em;
margin: 0;
}
.main-content table td img {
float: none;
margin: 0;
padding: 0;
}
.main-content table caption {
color: #999;
text-align: left;
letter-spacing: 1px;
font-weight: 300;
font-size: 0.85em;
padding: 10px 0;
}
.main-content .figure {
float: right;
width: 300px;
margin: 10px 0 20px 30px;
}
.main-content .figure figcaption {
float: right;
clear: both;
width: 300px;
text-align: right;
color: #a6a6a6;
font-size: 0.8em;
font-style: normal;
margin: 4px 0;
}
.main-content .figure img {
height: auto;
margin: 0;
}
.main-content .wp-caption {
width: auto !important;
margin: 30px 0;
}
.main-content .wp-caption img {
float: none;
margin: 0 0 0;
}
.main-content .wp-caption p {
font-size: 80%;
font-style: italic;
font-weight: 400;
}
.main-content .blog-single #authorInfo {
float: left;
width: 100%;
margin: 10px 0 40px;
padding: 20px 0 0;
}
.main-content .blog-single #authorInfo p {
opacity: 0.7;
filter: alpha(opacity=70);
font-size: 1em;
margin-top: 20px;
}
.main-content .blog-single #authorInfo p span {
font-weight: 600;
}
.main-content .blog-single #authorInfo img {
float: left;
margin: 0 20px 0 0;
background-color: #fff;
border-radius: 75px;
shape-outside: circle(50%);
transition: border-color 0.7s ease-in-out;
}
.main-content .blog-single ol.commentlist li {
font-size: 1em;
}
.main-content .blog-single ol.commentlist li p {
font-size: 1em;
}
.main-content .blog-single .disqus-footer__wrapper {
display: none;
}
.main-content .paypal-donate input[type="image"] {
max-width: 140px;
}
.main-content .pagination {
float: left;
width: 100%;
clear: left;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #ccc;
}
.main-content .pagination h2 {
font-size: 1.5em;
margin-bottom: 12px;
}
.main-content .pagination .nav-links {
font-size: 0.975em;
}
.main-content .pagination .nav-links a {
display: inline-block;
color: #fff;
padding: 6px 12px 6px;
margin-right: 4px;
background-color: #d64b46;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.main-content .pagination .nav-links span {
display: none;
}
.main-content .pagination .nav-links .current, .main-content .pagination .nav-links .current span {
display: inline;
margin: 0 10px;
}
#intro-sets {
display: flex;
flex-wrap: wrap;
}
.intro-text {
float: right;
width: auto;
}
.intro-block {
float: left;
overflow: hidden;
position: relative;
width: 31.333%;
margin: 0 2% 2% 0;
background-color: #000;
border-radius: 10px;
}
.intro-block.intro-featured {
width: 400px;
margin: 0 40px 10px 0;
}
.intro-block.intro-featured h3 {
font-size: 1.5em;
}
.intro-block.intro-featured p {
font-size: 1em;
}
.intro-block:nth-child(3n) {
margin-right: 0;
}
.intro-block:nth-child(3n+1) {
clear: left;
}
.intro-block h3 {
position: absolute;
z-index: 99;
top: 0;
color: #fff;
font-size: 1.1em;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
padding: 10px 14px;
margin: 0;
background-color: rgba(0, 0, 0, 0.5);
border-bottom: 0;
transition: all 0.3s ease-in-out;
}
.intro-block p {
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
font-size: 0.85em;
line-height: normal;
margin: 0;
padding: 10px 14px;
background: rgba(214,75,70,0.9);
transition: all 0.3s ease-in-out;
}
.intro-block p .data {
opacity: 0.7;
filter: alpha(opacity=70);
display: inline-block;
text-shadow: none;
font-size: 0.9em;
padding-left: 18px;
margin-bottom: 4px;
background-position: 0 50%;
background-repeat: no-repeat;
background-size: 14px 14px;
}
.intro-block p strong {
text-shadow: none;
font-size: 0.9em;
}
.intro-block img {
float: none;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 266px;
margin: 0;
padding: 0;
border: 0;
background-size: 100% 100%;
border-radius: 10px;
transition: all 0.9s ease-in-out;
}
.intro-block a:link, .intro-block a:visited {
color: #fff;
}
.intro-block a:focus, .intro-block a:active {
background-color: inherit;
}
.intro-block.typ-01 .data, .intro-block.articles .data {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-02.png);
}
.intro-block.typ-02 .data, .intro-block.yp_event .data {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-03.png);
}
.intro-block.typ-03 .data, .intro-block.yp_publications .data {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-04.png);
}
.intro-block.typ-04 .data, .intro-block.yp_archive .data {
background-image: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-menu-05.png);
}
.intro-block:hover img {
transform: scale(1.05);
opacity: 0.5;
filter: alpha(opacity=50);
}
.intro-block:hover h3 {
text-decoration: underline;
background: rgba(0, 0, 0, 0.9);
}
.intro-block:hover p {
padding-bottom: 20px;
background: #d64b46;
}
#intro-sets .intro-block:nth-child(1), #intro-sets .intro-block:nth-child(2) {
width: 48%}
#intro-sets .intro-block:nth-child(1) h3, #intro-sets .intro-block:nth-child(2) h3 {
font-size: 1.5em;
}
#intro-sets .intro-block:nth-child(1) p, #intro-sets .intro-block:nth-child(2) p {
font-size: 1em;
}
#intro-sets .intro-block:nth-child(2) {
margin-right: 0;
}
#intro-sets .intro-block:nth-child(n+5) {
margin-right: 0;
}
.safari .intro-block img {
transition: border-radius 0.9s ease-in-out;
}
.post-type-archive-yp_event main .type-yp_event {
display: flex;
flex-wrap: wrap;
}
.btn a {
float: left;
font-size: 1em;
text-align: center;
padding: 4px 16px 6px;
margin: 10px 0;
background-color: #d64b46;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.btn a:link, .btn a:visited {
color: #fff;
text-decoration: none;
}
.btn a:hover, .btn a:active, .btn a:focus {
background-color: #d64b46;
background: -webkit-linear-gradient(top,  #db5f5b 0%,  #d64b46 100%);
background: linear-gradient(to bottom,  #db5f5b 0%,  #d64b46 100%);
box-shadow: none;
}
#contact-form legend, .wpcf7 legend {
color: #fff;
font-size: 1.2em;
text-transform: uppercase;
padding: 4px 12px;
background: #3e3739 url(//www.youthandpolicy.org/wp-content/themes/migration/img/bg.png);
}
#contact-form fieldset, .wpcf7 fieldset {
position: relative;
padding: 30px 40px;
margin: 30px 0;
background: #f9f9f9;
border: 1px solid #ccc;
}
#contact-form p, .wpcf7 p {
clear: left;
margin: 26px 0;
}
#contact-form ul, .wpcf7 ul {
margin: 0;
}
#contact-form ul li, .wpcf7 ul li {
display: block;
clear: left;
font-size: 1.1em;
margin: 0 0 14px;
padding-left: 0;
}
#contact-form label, .wpcf7 label {
display: inline-block;
color: gray;
cursor: pointer;
line-height: 1.3em;
padding: 0 0 4px;
}
#contact-form li.checky label:after, .wpcf7 li.checky label:after {
content: none;
}
#contact-form li.checky label, .wpcf7 li.checky label {
width: 178px;
margin: 0 0 14px;
}
#contact-form input, .wpcf7 input {
display: block;
clear: left;
border: 1px solid #ccc;
}
#contact-form input[type="text"], #contact-form input[type="tel"], #contact-form input[type="email"], #contact-form input[type="url"], #contact-form input[type="password"], #contact-form input[type="file"], .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="file"] {
width: 100%;
font-family: 'Open Sans', helvetica, arial, sans-serif;
font-size: 0.9em;
padding: 8px;
margin: 0 0 2px;
border-radius: 3px;
}
#contact-form input:focus, #contact-form textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus {
background: #fff;
border-color: #8cc541;
}
#contact-form input[type="submit"], .wpcf7 input[type="submit"] {
cursor: pointer;
width: auto;
color: #fff;
font-size: 1em;
font-weight: 300;
padding: 10px 22px;
background-color: #bf2f2a;
border: 0;
border-radius: 3px;
}
#contact-form input[type="submit"]:hover, #contact-form input[type="submit"]:active, #contact-form input[type="submit"]:focus, .wpcf7 input[type="submit"]:hover, .wpcf7 input[type="submit"]:active, .wpcf7 input[type="submit"]:focus {
background-color: #952521;
}
#contact-form input[type="checkbox"], #contact-form input[type="radio"], .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 4px 6px 0 2px;
vertical-align: middle;
border: 0;
}
#contact-form select, .wpcf7 select {
display: block;
clear: left;
width: 302px;
font-size: 0.9em;
padding: 8px;
border: 1px solid #b3b3b3;
}
#contact-form textarea, .wpcf7 textarea {
display: block;
clear: left;
resize: vertical;
font-family: 'Open Sans', helvetica, arial, sans-serif;
width: 100%;
height: 120px;
font-size: 1em;
padding: 8px;
border: 1px solid #b3b3b3;
border-radius: 3px;
}
#contact-form .options label, .wpcf7 .options label {
clear: left;
font-weight: 400;
padding: 0;
}
#contact-form .options label.intro, .wpcf7 .options label.intro {
font-weight: 300;
margin-bottom: 6px;
}
#contact-form .options input[type="checkbox"], #contact-form .options input[type="radio"], .wpcf7 .options input[type="checkbox"], .wpcf7 .options input[type="radio"] {
display: inline-block;
}
#contact-form span.wpcf7-list-item, .wpcf7 span.wpcf7-list-item {
display: block;
margin-left: 0;
}
#contact-form li.recaptcha iframe, .wpcf7 li.recaptcha iframe {
margin: 0;
border: 0;
}
#contact-form span.LV_valid, .wpcf7 span.LV_valid {
color: #47bf4c;
}
#contact-form span.wpcf7-not-valid-tip, .wpcf7 span.wpcf7-not-valid-tip {
color: #d6492a;
font-size: 0.8em;
display: inline !important;
margin: 0 10px;
}
#footer {
float: left;
width: 100%;
padding: 30px 0;
margin: 10px 0 0;
border-top: 1px dashed #ccc;
}
#footer p {
clear: left;
text-align: left;
color: #b3b3b3;
margin: 0;
}
#footer ul {
margin: 2px 0;
}
#footer ul li {
float: left;
list-style: none;
font-size: 0.9em;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
border-right: 1px solid #e6e6e6;
}
#footer ul li:first-child {
margin-left: 0;
}
#footer ul li:last-child {
padding: 0;
border: 0;
}
#footer #❤ {
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 0.8em;
color: #666;
text-decoration: none;
}
.grecaptcha-badge {
display: none;
}
.line, hr {
clear: both;
width: 100%;
height: 1px;
font-size: 0;
margin: 30px 0;
border-bottom: 1px solid #ccc;
}
.clearing {
clear: both;
}
.error {
color: #f00;
}
.win {
color: #090;
}
.hide {
position: absolute;
left: -9999px;
}
.remove {
margin: 0;
padding: 0;
border: 0;
}
.no-function {
pointer-events: none;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
q {
font-style: italic;
display: block;
}
address {
font-style: normal;
}
acronym, abbr {
cursor: help;
}
iframe, video {
margin: 20px 0;
border: 1px solid #888;
}
.embed-container {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
max-width: 100%;
margin: 30px 0;
padding-bottom: 56.25%}
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
border: 0;
}
blockquote {
font-size: 1.1em;
margin: 20px 0;
padding: 20px 20px 14px;
background: #f9f9f9;
border-left: 10px solid #ccc;
}
blockquote:before {
content: "“";
font-size: 4em;
color: #666;
line-height: 0.1em;
vertical-align: -0.4em;
margin-right: 18px;
}
blockquote footer {
clear: left;
font-size: 0.75em;
padding: 8px;
}
blockquote p {
display: inline;
font-style: italic;
}
a:link, a:visited {
color: #d64b46;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active, a:focus {
color: #000;
background-color: #ff0;
text-decoration: underline;
}
a.pdf {
padding-right: 20px;
background: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-pdf.png) no-repeat 100% 3px;
}
a.ext {
padding-right: 14px;
background: url(//www.youthandpolicy.org/wp-content/themes/migration/img/icon-ext.png) no-repeat 100% 2px;
}
::selection {
background: #ff0;
color: #000;
}
::-moz-selection {
background: #ff0;
color: #000;
}
input[type="text"]:disabled {
background: #ccc;
}
input:checked {
border: 1px solid #090;
}
.clearfix:after {
visibility: hidden;
display: block;
clear: both;
content: ".";
font-size: 0;
height: 0;
}@media screen and (max-device-width: 1200px), screen and (max-width: 1200px) {
body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: 100%
}
video {
width: 100%
}
.container,
.cont-header,
.cont-nav,
.cont-footer {
width: auto
}
#aside {
width: 25%
}
.main-content {
width: 75%
}
#subscribe-form input[type="text"],
#subscribe-form input[type="email"] {
width: 100%
}
.navbar-form {
width: 75%
}
.navbar-form input[type="text"] {
width: 100%
}
.intro-block {
width: 31.333%;
margin-right: 2%;
margin-bottom: 2%
}
.intro-block img {
min-height: auto
}
#intro-sets .intro-block:nth-child(1),
#intro-sets .intro-block:nth-child(2) {
width: 48%
}
.intro-block.intro-featured,
#featured .intro-block {
margin-right: 30px
}
#home .main-content h2 {
margin-top: 0
}
}
@media screen and (max-device-width: 960px), screen and (max-width: 960px) {
.container {
margin: 0 auto
}
.embed-container {
width: auto;
height: auto;
padding-bottom: 56.25%
}
#social-links {
position: absolute;
right: 40px;
top: 6px
}
.navbar-form {
margin: 30px 0 16px
}
#aside {
width: 35%
}
.main-content {
width: 65%
}
.navbar-form {
width: 100%
}
.navbar-form input[type="text"] {
margin-bottom: 0
}
.intro-block {
width: 48%
}
.intro-block:nth-child(3n) {
margin-right: 2%
}
.intro-block:nth-child(3n+1) {
clear: none
}
.intro-block:nth-child(even) {
clear: left
}
#home main {
flex-wrap: wrap
}
.intro-text {
width: 100%;
margin-top: 20px
}
#home .intro-block:nth-child(3n) {
margin-right: 2%
}
#intro-sets .intro-block:nth-child(1) p,
#intro-sets .intro-block:nth-child(2) p {
font-size: 0.85em
}
#intro-sets .intro-block:nth-child(1) h3,
#intro-sets .intro-block:nth-child(2) h3 {
font-size: 1.1em
}
.intro-block.intro-featured,
#featured .intro-block {
width: 100%;
margin: 20px 0
}
}
@media screen and (max-device-width: 768px), screen and (max-width: 768px) {
#aside {
width: 100%
}
#header img {
max-width: none;
width: 280px;
position: relative;
left: 50%;
margin: 0 0 -4px -140px
}
#header p.tagline {
text-align: center;
padding: 6px;
margin: -6px 0 0
}
#nav #navslide {
display: block
}
#nav .nav {
display: block;
z-index: 9999;
position: fixed;
top: 0;
right: -275px;
width: 318px;
height: 495px
}
#nav ul {
margin: 0 0 0 44px;
background-color: #bf2f2a;
background: -webkit-linear-gradient(left, #bf2f2a 0%, #bf2f2a 100%);
background: linear-gradient(to right, #bf2f2a 0%, #bf2f2a 100%)
}
#nav ul li {
width: 100%
}
#nav ul li ul {
display: none !important
}
#nav ul li:hover ul {
display: block !important
}
#pull {
display: block
}
.pull-outs {
display: none
}
#subscribe-form {
margin-bottom: 20px
}
#subscribe-form h5 {
border-top: 0
}
.main-content {
width: 100%
}
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
body {
font-size: 95%;
font-weight: 400
}
#social-links {
right: 20px
}
.main-content {
padding-left: 15px;
padding-right: 15px
}
.main-content .figure {
float: none;
width: 100%;
overflow: hidden;
margin: 20px 0
}
.main-content .figure figcaption {
float: none;
text-align: left
}
.main-content .figure img {
max-width: 100%
}
#intro-sets .intro-block:nth-child(1) h3,
#intro-sets .intro-block:nth-child(2) h3 {
font-size: 1.1em
}
#intro-sets .intro-block:nth-child(1) p,
#intro-sets .intro-block:nth-child(2) p {
font-size: 0.85em
}
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
#nav ul li {
width: 100%
}
#nav ul li a {
border: 0
}
#nav ul li ul {
float: left;
position: relative
}
#nav ul li ul {
display: none !important;
position: static
}
#nav ul li:hover ul {
display: none !important
}
#nav .mobnav-subarrow {
display: block
}
#nav ul li.xpopdrop ul {
display: block !important
}
.navbar-form input[type="text"] {
font-size: 0.85em;
min-height: 52px
}
.main-content h2 {
font-size: 2.2em
}
.main-content p,
.main-content ul li,
.main-content ol li {
font-size: 1em
}
.main-content img {
float: none;
max-width: 100%;
height: auto;
margin: 20px 0
}
table.refactor {
display: block
}
table.refactor table,
table.refactor thead,
table.refactor tbody,
table.refactor th,
table.refactor td,
table.refactor tr {
display: block
}
.intro-block {
width: 100%;
margin-right: 0;
margin-bottom: 20px
}
.intro-block img {
margin: 0
}
#intro-sets .intro-block:nth-child(1),
#intro-sets .intro-block:nth-child(2) {
width: 100%
}
#intro-sets .intro-block:nth-child(1) p,
#intro-sets .intro-block:nth-child(2) p {
font-size: 1em
}
#home .intro-block:nth-child(3n) {
margin-right: 0
}
#contact-form input[type="text"],
#contact-form input[type="tel"],
#contact-form input[type="email"],
#contact-form input[type="url"],
#contact-form input[type="password"],
#contact-form input[type="file"],
#contact-form textarea,
#contact-form select,
#commentform input[type="text"],
#commentform input[type="tel"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform input[type="password"],
#commentform input[type="file"],
#commentform textarea,
#commentform select,
#subscribe-form input[type="text"],
#subscribe-form input[type="tel"],
#subscribe-form input[type="email"],
#subscribe-form input[type="url"],
#subscribe-form input[type="password"],
#subscribe-form input[type="file"],
#subscribe-form textarea,
#subscribe-form select,
#wpmem_login input[type="text"],
#wpmem_login input[type="tel"],
#wpmem_login input[type="email"],
#wpmem_login input[type="url"],
#wpmem_login input[type="password"],
#wpmem_login input[type="file"],
#wpmem_login textarea,
#wpmem_login select,
#wpmem_reg input[type="text"],
#wpmem_reg input[type="tel"],
#wpmem_reg input[type="email"],
#wpmem_reg input[type="url"],
#wpmem_reg input[type="password"],
#wpmem_reg input[type="file"],
#wpmem_reg textarea,
#wpmem_reg select,
#mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="tel"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form input[type="file"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select,
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="file"],
.wpcf7 textarea,
.wpcf7 select {
width: 100%
}
#contact-form fieldset,
#commentform fieldset,
#subscribe-form fieldset,
#wpmem_login fieldset,
#wpmem_reg fieldset,
#mc-embedded-subscribe-form fieldset,
.wpcf7 fieldset {
padding: 30px 20px 10px
}
.main-content .wpcf7 ul li {
margin-left: 0
}
#top-link a {
display: none !important
}
}
@media screen and (max-device-width: 380px),
screen and (max-width: 380px) {
#header img {
width: 200px;
margin-left: -100px
}
.g-recaptcha {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.g-recaptcha>div {
width: 100px !important;
height: 60px !important
}
}