* {
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;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
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 #977fbb;
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: #6d5198 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 #977fbb;
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;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
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%);
-webkit-transition: border-color 0.7s ease-in-out;
-moz-transition: border-color 0.7s ease-in-out;
-ms-transition: border-color 0.7s ease-in-out;
-o-transition: border-color 0.7s ease-in-out;
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;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
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(148, 124, 185, 0.9);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
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;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
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 {
-webkit-transition: border-radius 0.9s ease-in-out;
-moz-transition: border-radius 0.9s ease-in-out;
-ms-transition: border-radius 0.9s ease-in-out;
-o-transition: border-radius 0.9s ease-in-out;
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: #614887;
}
#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:#795ba7;background:-webkit-linear-gradient(left, #947cb9 0%, #795ba7 100%);background:linear-gradient(to right, #947cb9 0%, #795ba7 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}}