@charset "UTF-8";
/*
Theme Name: American Friends of Ariel
Theme URI: http://www.friendsofariel.org
Description: 
Version: 1.0
Author: Addicott Web
Author URI: http://www.wordpress-web-designer-raleigh.com/
*/

body { font-family:Roboto; background-color:#333; }

/* Text styles */
p { color:#000; margin:20px 0 0 0; font-size:18px; line-height:28px; font-weight:300; }
strong { font-weight:500; }
em { font-style:italic; }
small { display:block; font-size:12px; line-height:20px; font-weight:400; color:#000; }
blockquote { border:none; padding:0; margin:0 0 0 30px; }
blockquote p { font-size:18px; line-height:28px; font-weight:300; }

/* Link styles */
a { color:#0384ef; text-decoration:underline; }
a:hover { color:#0384ef; text-decoration:none; }

/* Heading styles */
h1 { margin:0; font-size:48px; line-height: 58px; font-family:"Roboto Condensed"; font-weight:400; color:#0384ef; }
h2, h3, h4, h5, h6 { margin-top:30px; font-family:"Roboto Condensed"; font-weight:400; color:#333; }

h2 { font-size:36px; line-height:46px; }
h3 { font-size:30px; line-height:40px; }
h4 { font-size:24px; line-height:34px; }
h5 { }
h6 { }

/* List styles */
ul { list-style:disc; margin:20px 0 0 30px; padding:0; }
ol { list-style:decimal; margin:20px 0 0 30px; padding:0; }
ul li,
ol li { margin-bottom:10px; padding-left:10px; font-size:18px; line-height:28px; font-weight:300; color:#000; }

ul ul { list-style:circle; margin:10px 0 10px 30px; }
ol ol { list-style:lower-alpha; margin:10px 0 10px 30px; }

/* Image styles */
.alignnone { display:block; margin:20px 0 0 0; }
.aligncenter { display:block; margin:20px auto 0 auto; }
.alignright { float:right; margin:5px 0 20px 25px; clear:both; display:inline; }
.alignleft { float:left; margin:5px 25px 20px 0; clear:both; display:inline; }

.wp-caption { }
.wp-caption-text { margin:5px 0 0 0; text-align:center; font:italic 13px/22px Georgia, "Times New Roman", Times, serif; }

/* Table styles */
table { border-collapse:collapse; margin-top:5px; width:100%; }
table td { border-bottom:1px solid #ccc; font-size:16px; line-height:26px; font-weight:300; padding:10px; vertical-align:top; }
table th { border-bottom:2px solid #000; font-size:16px; line-height:26px; font-weight:600; color:#000; padding:10px; vertical-align:top; text-align:left; }

iframe, object, embed { max-width: 100%; }

/* Plugins */
.addthis_toolbox { margin:0 !important; }

/* Pagenavi */
.wp-pagenavi { margin:40px 0 0 0; }
.wp-pagenavi a,
.wp-pagenavi span { margin:2px; font-size:16px; line-height:26px; background-color:#0384ef; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:15px 30px; text-decoration:none; }
.wp-pagenavi a:hover { background-color:#f46932; color:#fff; transition: background-color 0.75s ease; }
.wp-pagenavi span.current { background-color:#f46932; color:#fff; }

/* Global classes */
.right { text-align:right; }
.center { text-align:center; }
.widget { margin:0 0 30px 0; padding-top:0; padding-bottom:0; }
.widget h3.widget-title { }

/*-------------------------------------------------------------------------------------------------------------------
--------------------------------------------- CUSTOM LAYOUT ELEMENTS ------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; }
.container { padding-left:40px; padding-right:40px; }
.row { padding-top:40px; padding-bottom:40px; }

.no-padding-top { padding-top:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }
.no-padding-both { padding-top:0 !important; padding-bottom:0 !important; }

/* Header */
.header { background:#0384ef url('images/header_bg.png') center top no-repeat; border-bottom:1px solid #fff; }

.header-top ul { list-style: none; margin: 20px 0 0 0; }
.header-top ul li { display: inline; margin: 0 0 0 15px; padding: 0; }
.header-top .modal { margin-top:40px !important; }
.header-top .modal form { margin-bottom:30px; }
.header-top .modal form input { width:85%; padding:10px; border:1px solid #ccc; margin:0 10px 0 0; }
.header-top .modal form button { width:10%; background:#0384ef; color:#fff; padding:10px; border:none; font-weight:700; text-transform:uppercase; }

/*----- Homepage picture blocks for parallax -----*/
#photo1 { background:url('images/photo1.jpg') center center no-repeat; background-attachment:fixed; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto; min-height:600px; }
#photo2 { background:url('images/photo2.jpg') center center no-repeat; background-attachment:fixed; -webkit-background-size:auto; -moz-background-size:auto;  -o-background-size:auto; background-size:auto; min-height:600px; }
#photo3 { background:url('images/photo3.jpg') center center no-repeat; background-attachment:fixed; -webkit-background-size:auto; -moz-background-size:auto;  -o-background-size:auto; background-size:auto; min-height:600px; }
#photo4 { background:url('images/photo4.jpg') center center no-repeat; background-attachment:fixed; -webkit-background-size:auto; -moz-background-size:auto;  -o-background-size:auto; background-size:auto; min-height:600px; }
#photo5 { background:url('images/photo5.jpg') center center no-repeat; background-attachment:fixed; -webkit-background-size:auto; -moz-background-size:auto;  -o-background-size:auto; background-size:auto; min-height:600px; }

.button { background:#fff url('images/scrollicons.png') 0px 0px no-repeat; display:block; margin:0 auto; width:97px; height:36px; border:none; cursor:pointer; }
.button:hover { background-position:0px -36px; }

.homepage { background-color: #fff; }
.homepage h2 { font-size: 48px; line-height: 58px; font-weight: 300; margin-top: 0; }
.homepage h2 a { text-decoration: none; }
.homepage h2 a:hover { text-decoration: underline; }
.homepage .post { padding-top: 40px; }
.homepage .post h4 a { text-decoration: none; }
.homepage .post h4 a:hover { text-decoration: underline; }

.homepage-intro p { font-size: 24px; line-height: 34px; }

/* Buttons */
a.sidebar-button { font-size:24px; font-family:"Roboto Condensed"; font-weight:700; background:#f46932 url('images/page_button_bg.png') bottom repeat-x; color:#fff; padding:10px 20px; text-align:center; text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; display:block; }
a.sidebar-button:hover,
a.sidebar-button:focus { background-image:none; }

/* Interior pages */
.content { background-color:#f6f6f6; }
.content .container { background-color:#fff; padding-left: 60px; padding-right: 60px; }

.content .post { padding-top: 40px; }
.content .post h4 a { text-decoration: none; }
.content .post h4 a:hover { text-decoration: underline; }

.page-banner { background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding-top:420px; padding-bottom:0; }
.page-banner .row { margin-left:0 !important; margin-right:0 !important; }
.page-banner h1 { background:rgba(244, 105, 50, .75); font-size:72px; line-height:82px; color:#fff; padding:20px 120px; display:inline-block; }

.page-button ul { list-style:none; margin:0; }
.page-button ul li { padding:0; margin:0; font-size:24px; font-family:"Roboto Condensed"; font-weight:700; }
.page-button a { background:#f46932 url('images/page_button_bg.png') bottom repeat-x; color:#fff; padding:10px 20px; text-align:center; text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; display:block; }
.page-button a:hover,
.page-button a:focus { background-image:none; }

.community-content { padding-top:0; padding-bottom:0; }
.community-content h3 { margin-top:0; color:#f46932; }
.community-content .addthis_toolbox { margin-top:25px; }
.category-news { padding-top:0; }
.category-news h4 { font-weight:400; }

.category-title { border-top:1px solid #ccc; }
.category-title h3 { margin-top:0; font-weight:700; color:#f46932; }
.category-title a,
.category-title a:hover { color:#000; }

.category-sidebar ul { list-style:none; margin-left:0; }
.category-sidebar ul li { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #ccc; }

/* Ariel A to Z page */
.atoz .row-fluid { padding-top:0; padding-bottom:0; }
.atoz h4 { margin-top:0; font-weight:400; width:100%; line-height:18px; background-color:#f46932; padding:15px 0; }
.atoz h4 a { margin:0 15px; color:#fff; text-decoration:underline; }
.atoz h4 a:hover { text-decoration:none; }
.atoz-opportunity { position:relative; padding:0; margin:-10px 0 0 0; }
.atoz-opportunity h3 { z-index:200; position:absolute; top:60px; color:#fff; font-size:72px; text-align:center; width:100%; }
.atoz-opportunity img { z-index:50; }

/* Search results */
.search-results ul { list-style:none; margin:40px 0 0 0; }
.search-results ul li { margin-bottom:40px; padding:0 0 40px 0; border-bottom:1px solid #ccc; }
.search-results ul li span { display:block; font-size:16px; line-height:26px; margin-top:20px; }
.search-results ul li span.url { color:#006621; margin-top:0; }
.search-results ul li p { margin-top:5px; }

/* "Our Projects" page */
.project { position:relative; padding-top: 40px; }
.project h4 { z-index:200; position:absolute; left: 20px; bottom: 2px; right: 20px; }
.project h4 a { background:rgba(244, 105, 50, .75); padding: 15px 30px; color: #fff; text-decoration: none; }
.project h4 a:hover { background:rgba(244, 105, 50, 1); color: #fff; transition:background 0.5s ease; text-decoration: underline; }
.project img { z-index:50; }

/* Forms */
.gform_wrapper { display:block !important; }

ul.gform_fields li.gfield { margin-bottom:20px !important; font-family:Roboto !important; font-size:18px !important; line-height:28px !important; font-weight:300 !important; padding:0 !important; }
ul.gform_fields li.gfield label.gfield_label { display:block; margin-bottom:15px !important; font-family:Roboto !important; font-size:18px !important; line-height:28px !important; font-weight:500 !important; }
ul.gform_fields input,
ul.gform_fields select { font-family:Roboto !important; font-size:18px !important; line-height:28px !important; font-weight:300; height:auto !important; padding:5px !important; border:1px solid #ccc !important; }

.gsection { border-bottom:none !important; }
h2.gsection_title { font-family:"Roboto Condensed" !important; font-size:30px !important; font-weight:400 !important; color:#333 !important; border-bottom:none !important; }
.gfield_description { font-family:Roboto !important; color:#000; margin:0 0 15px 0 !important; font-size:18px !important; line-height:28px !important; font-weight:300 !important; padding:0 0 15px 0 !important; }

ul.gfield_radio,
ul.gfield_checkbox { }
ul.gfield_radio li,
ul.gfield_checkbox li { }
ul.gfield_radio li label,
ul.gfield_checkbox li label { font-weight:300 !important; margin-left:10px !important; }

.ginput_full input,
.ginput_left input,
.ginput_right select { margin-bottom:0 !important; }
.ginput_full label,
.ginput_left label,
.ginput_right label { margin-top:0 !important; }

.ginput_container span { margin-bottom:15px !important; }
.ginput_container label { font-size:18px !important; line-height:28px !important; font-weight:300 !important; }
.ginput_container select { height:32px !important; border-color:#ccc !important; }

.gform_footer { padding:0 !important; margin:0 !important; }
input.gform_button { margin-top:0 !important; padding:15px 30px !important; background:#f46932 !important; color:#fff; font-size:24px !important; font-family:Roboto !important; font-weight:400 !important; -webkit-border-radius:25px; -moz-border-radius:25px; width: auto !important;  height: auto !important; border-radius:25px; border:none !important; }

.gform_confirmation_wrapper { margin-top:30px !important; font-family:Roboto !important; font-size:18px !important; line-height:28px !important; font-weight:300 !important; }

/* Subpages */
.content-subpages { background-color: #0384ef; padding: 30px; }
.content-subpages h4 { margin-top:0; color: #fff; font-weight: 700; }
.content-subpages ul { list-style:none; margin: 15px 0 0 0; }
.content-subpages ul li { padding:0; margin: 15px 0 0 0; }
.content-subpages ul li a { color:#fff; text-decoration: none; }
.content-subpages ul li a:hover { color:#fff; text-decoration: underline; }

.funding-goals { background-color: #f46932; padding: 30px; margin: 0 0 40px 0; }
.funding-goals h4 { margin-top:0; color: #fff; }
.funding-goals p { color: #fff; }
.funding-goals ul { list-style:none; margin: 15px 0 0 0; }
.funding-goals ul li { padding:0; margin: 15px 0 0 0; color: #fff; }
.funding-goals a,
.funding-goals a:hover { color: #fff; }

/* Search results */
.search-results ul { list-style:none; margin:40px 0 0 0; }
.search-results ul li { margin-bottom:40px; padding:0 0 40px 0; border-bottom:1px solid #ccc; }
.search-results ul li span { display:block; font-size:16px; line-height:26x; font-family:"Source Sans Pro"; margin-top:20px; }
.search-results ul li span.url { color:#006621; margin-top:0; }
.search-results ul li p { margin-top:5px; }

/* Footer */
.footer ul { list-style:none; margin: 40px 0 0 0; }
.footer ul li { margin:0 15px; padding:0; display: inline; font-weight: 700; }
.footer a,
.footer a:hover { color:#fff; }
.footer p { font-size:14px; line-height:24px; font-weight:300; color: #fff; }

/* Large desktops and laptops */
@media (min-width: 1380px) {
body { padding:0; }
.container-fluid { padding:0; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1379px) {
body { padding:0; }
.container-fluid { padding:0; }
.container { width:100% !important; }
.homepage-top { background-attachment:scroll; -webkit-background-size:auto; -moz-background-size:auto; background-size:auto; }
#photo1,
#photo2,
#photo3,
#photo4,
#photo5 { background-attachment:scroll; -webkit-background-size:auto; -moz-background-size:auto; background-size:auto; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
body { padding:0; }
.container-fluid { padding:0; }
.container { width:100% !important; }
}

/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 767px) {
body { padding:0; }
.container-fluid { padding:0; }
.content .container { padding-left: 40px; padding-right: 40px; }
.content-subpages { margin-top:40px; }
.homepage-top { background-attachment:scroll; -webkit-background-size:auto; -moz-background-size:auto; background-size:auto; }
#photo1,
#photo2,
#photo3,
#photo4,
#photo5 { background-attachment:scroll; -webkit-background-size:auto; -moz-background-size:auto; background-size:auto; }
.header .social-media { padding-top:25px; padding-bottom:25px; }
.footer .container { padding-left:25px; padding-right:25px; }
.fundingopp { border-bottom:25px solid #fff; }
.homepage-news-item,
.slide-introduction { padding-bottom:25px; }
.slide-content { padding-top:0; }
.page-content-left { border-right:none; padding-right:0; }
.footer h4 { margin-top:25px; }
.funding-goals { margin: 40px 0 30px 0; }
.addthis_toolbox { margin:40px 0 0 0 !important; }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
body { padding:0; }
.container-fluid { padding:0; }
.content .container { padding-left: 40px; padding-right: 40px; }
.content-subpages { margin-top:40px; }
.homepage-top { background-attachment:scroll; -webkit-background-size:auto; -moz-background-size:auto; background-size:auto; }
#photo1,
#photo2,
#photo3,
#photo4,
#photo5 { background-attachment:scroll; -webkit-background-size:auto; -moz-background-size:auto; background-size:auto; }
.header .social-media { padding-top:25px; padding-bottom:25px; }
.footer .container { padding-left:25px; padding-right:25px; }
.fundingopp { border-bottom:25px solid #fff; }
.homepage-news-item,
.slide-introduction { padding-bottom:25px; }
.slide-content { padding-top:0; }
.page-content-left { border-right:none; padding-right:0; }
.footer h4 { margin-top:25px; }
.funding-goals { margin: 40px 0 30px 0; }
.addthis_toolbox { margin:40px 0 0 0 !important; }
}