/* Theme Name: ARA State Theme Theme URI: https://wordpress.org/themes/twentyfourteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1; margin: 0; padding: 0; border: 0; vertical-align: baseline;} h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;} ol, ul { list-style: none;} blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* =Fonts -------------------------------------------------------------- */ h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre { font-family: "Courier 10 Pitch", Courier, monospace;} code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} body, input, textarea { color: #666; font-size: 0.750em; line-height: 18px;} hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;} /* Text elements */ p { margin-bottom: 18px;} ul { list-style: square; margin: 0 0 18px 1.5em;} ol { list-style: decimal; margin: 0 0 18px 1.5em;} ol ol { list-style:upper-alpha;} ol ol ol { list-style:lower-roman;} ol ol ol ol { list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul { margin-bottom:0;} dl { margin:0 0 24px 0;} dt { font-weight: bold;} dd { margin-bottom: 18px;} strong { font-weight: bold;} cite, em, i { font-style: italic;} big { font-size: 131.25%;} ins { background: #ffc; text-decoration: none;} blockquote { font-style: italic; padding: 0 3em;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup { bottom: 1ex;} sub { top: .5ex;} input[type="text"], textarea { padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);} table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%;} tr th, thead th { color: #888; font-size: 0.750em; font-weight: bold; line-height: 18px; padding: 9px 24px;} tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px;} tr.odd td { background: #F2F7FC;} .attachment img { max-width: 900px;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;} .wp-caption img { margin: 5px 5px 0;} .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 0.750em;} .wp-smiley { margin:0;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both;} #comments .navigation { padding: 0 0 18px 0;} h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 1.250em; margin-bottom: 0;} h3#comments-title { padding: 24px 0;} .commentlist { list-style: none; margin: 0;} .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;} .commentlist li:last-child { border-bottom:none; margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;} #comments .comment-body p:last-child { margin-bottom: 6px;} #comments .comment-body blockquote p:last-child { margin-bottom: 24px;} .commentlist ol { list-style: decimal;} .commentlist .avatar { position: absolute; top: 4px; left: 0;} .comment-author {} .comment-author cite { color: #000; font-style: normal; font-weight: bold;} .comment-author .says { font-style: italic;} .comment-meta { font-size: 0.750em; /*margin: 0 0 18px 0;*/ margin: 0 0 -10px -40px;} .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none;} .comment-meta a:active, .comment-meta a:hover {} .commentlist .even {} .commentlist .bypostauthor {} .reply { font-size: 0.750em; padding: 0 0 24px 0;} .reply a, a.comment-edit-link { color: #888;} .reply a:hover, a.comment-edit-link:hover { color: #FF4B33;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li { border: none; margin: 0;} .nopassword, .nocomments { display: none;} #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback { margin-top: -6px;} #comments .pingback p { color: #888; font-size: 0.750em; line-height: 18px; display:block; margin: 0;} #comments .pingback .url { font-style: italic; font-size: 0.813em;} /* Comments form */ input[type=submit] { color: #333;} #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;} #respond p { margin: 0;} #respond .comment-notes { margin-bottom: 1em;} .form-allowed-tags { line-height: 1em;} .children #respond { margin: 0 48px 0 0;} h3#reply-title { margin: 18px 0;} #comments-list #respond { margin: 0 0 18px 0;} #comments-list ul #respond { margin: 0;} #cancel-comment-reply-link { font-size: 0.750em; line-height: 18px; font-weight: normal;} #respond .required { color:#FF4B33; font-weight:bold;} #respond label { color: #888; font-size: 0.750em;} #respond input { margin:0 0 9px; width:98%;} #respond textarea { width:98%;} #respond .form-allowed-tags { color: #888; font-size: 0.750em; line-height: 18px;} #respond .form-allowed-tags code { font-size: 0.688em;} #respond .form-submit { margin: 12px 0;} #respond .form-submit input { width: auto; font-size: 0.875em;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} /*.last {margin:0 !important;}*/ .pad_last{padding:0 !important;} .no_bg {background:none !important;} ul {margin: 0;} li {list-style: none;} /******Global Elements*******/ a {color:#000000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /* ----------------------- layout ----------*/ html {} body {color:#b1b1b1; font-family: 'Open Sans', sans-serif; font-size:14px; line-height: 14px; background: #f6f6f4;} .flt_Lt {float:left; display:inline;} .flt_Rt {float:right; display:inline;} .wrapper {margin:0 auto;} .container {width: 1150px; margin:0 auto;} img {display: block;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} div:hover, a:hover, li:hover, input:hover, span:hover, img:hover {-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out;} input {font-family: 'Open Sans', sans-serif;} /* ------------------ HEADER HERE -------------------*/ header {position: relative; background: #ffffff;} #logo {float: left; margin: 20px 0 0 20px; width: 360px;} .right-header {float: left;} .right-header .topc {position: absolute; top: 0; right: 0;} .right-header .topc ul {float: left;} .right-header .topc ul li {float: left; background: #dfeaf1; margin: 0 2px 0 0;} .right-header .topc ul li a {line-height: 40px; padding: 0 15px; display: block; font-size: 16px; color: #1a6d9f;} .right-header .topc ul li.donate {background: #be272e;} .right-header .topc ul li.donate a {color: #ffffff;} .right-header .search-form {float: left; background: #1a6d9f; padding: 9px 12px;} .right-header .search-form input {width: 215px; background: url(images/inputbg.png) scroll repeat-x 0 0; display: block; height: 21px; padding: 0 10px; box-sizing: border-box; border: 0; box-shadow: none; color: #1a6d9f; font-size: 13px; line-height: 13px; margin: 0 5px 0 0; float: left;} .right-header .search-form input[type="submit"] {float: left; background: url(images/search-icon.png) scroll no-repeat 0 0; width: 22px; height: 22px; border: 0; box-shadow: none;} header .shad {position: absolute; bottom: -32px; left: 0; width: 100%; background: url(images/shad1.png) scroll repeat-x 0 0; height: 32px; z-index: 100000;} /* ------------------------- NAVIGATION HERE ---------------*/ nav {margin: 135px 0 0 0;} nav ul {} nav ul li {position: relative; padding: 0 0 25px 0; float: left; margin: 0 20px 0 0;} nav ul li a {font-size: 19px; line-height: 19px; color: #1a6d9f; font-weight: 700; display: block;} nav ul li a span {display: none; width: 100%; bottom: 0; left: 0; height: 12px; background: #009fdb; position: absolute;} nav ul li a:hover {} nav ul li:hover a span {display: block;} nav ul li ul {display: none; position: absolute; padding: 12px 0; width: 240px; left: 0; top: 100%; background: url(images/grad2.png) scroll repeat-x 0 0; background-size: 100% 100%; -webkit-box-shadow: 7px 5px 31px -3px rgba(90, 90, 90, 0.75); box-shadow: 7px 5px 31px -3px rgba(90, 90, 90, 0.75); -moz-box-shadow: 7px 5px 31px -3px rgba(90, 90, 90, 0.75); z-index: 999999;} nav ul li ul li {float: none; margin: 0; padding: 0;} nav ul li ul li a {line-height: 30px; font-size: 17px; color: #414042; font-weight: 600; padding: 0 15px;} nav ul li ul li:hover > a {background: #00adee; color: #ffffff;} nav ul li ul li ul {left: 240px; top: 0;} nav ul li:hover > ul {display: block;} /* ------------------------ MAIN CONTENT HERE --------------*/ main {} .banner-slider {} .flexslider-one {position: relative;} .flexslider-one .flex-control-nav {display: none;} .flexslider-one .flex-direction-nav {position: absolute; top: 50%; left: 0; width: 100%; margin: -53px 0 0 0;} .flexslider-one .flex-direction-nav .flex-prev {position: absolute; top: 0; left: -5px; background: url(images/lefta.png) scroll no-repeat 0 0; width: 56px; height: 106px; display: block; text-indent: -9999px;} .flexslider-one .flex-direction-nav .flex-next {position: absolute; top: 0; right: -5px; background: url(images/righta.png) scroll no-repeat 0 0; width: 56px; height: 106px; display: block; text-indent: -9999px;} .home-page {} .home-page .top {padding: 0 50px 10px;} .home-page .top .left {float: left; width: 500px;} .home-page .top .right {float: right; width: 500px;} .block {margin: 0 0 25px 0; background: #ffffff; box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75); -webkit-box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75); -moz-box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75);} .block1 {background: rgba(36, 113, 164, 0.8); padding: /*40px*/ 30px 40px 30px; color: #ffffff; margin: -180px 0 25px 0; position: relative; z-index: 100;} .block1 h3 {font-size: 27px; line-height: 27px; padding: 0 0 15px 0; font-weight: 700; text-align: center;} .block1 h5 {font-size: 18px; line-height: 24px; font-weight: 600; text-align: center; padding: 0 0 /* 30px */ 10px 0;} .block1 a {text-align: center; display: block;} .block1 a span {display: inline-block; color: #ffffff; font-size: 14px; line-height: 40px; font-weight: 700; background: #24abe2; text-transform: uppercase; padding: 0 20px;} .block2 {text-align: center; padding: 0 0 20px 0;} .block2 .img {} .block2 .img img {width: 100%; height: auto;} .block2 h4 {padding: 15px 0; font-size: 23px; line-height: 23px; color: #.block2; font-weight: 600;} .block2 h5 {font-size: 15px; line-height: 20px; color: #26405d; font-weight: 600; padding: 0 0 20px 0;} .block2 h6 {font-size: 13px; line-height: 13px; color: #26405d; font-weight: 700; padding: 0 0 15px 0;} .block2 h6 a {color: #1a6d9f; font-weight: 600;} .block2 h6 a em {color: #26405d; font-weight: 600;} .block2 a.more {display: block; margin: 0 auto; width: 160px; background: #236d9e; text-align: center; color: #ffffff; font-size: 14px; line-height: 30px; text-transform: uppercase; font-weight: 600;} .block2 a.more span {background: url(images/arrow1.png) scroll no-repeat right center; padding: 0 15px 0 0;} .block3 {} .block3 img {width: 100%; height: auto;} .block4 {} .block4 .topc {padding: 12px; background: #1a6d9f; margin: 0 0 0 0; position: relative; z-index: 100;} .block4 .topc .email-form {float: left; width: 285px; margin: 8px 0 0 0;} .block4 .topc .email-form input[type="email"] {width: 210px; background: #ffffff; box-sizing: border-box; padding: 0 10px; height: 25px; color: #231f20; border: 0; box-shadow: none; float: left; margin: 0 3px 0 0;} .block4 .topc .email-form input[type="submit"] {float: left; width: 270px; background: #c0262f; text-align: center; height: 25px; font-size: 12px; line-height: 12px; color: #ffffff; border: 0; box-shadow: none; -webkit-appearance: none;} .block4 .topc .social {float: right;} .block4 .topc .social ul li {float: left; margin: 0 4px 0 0;} .block4 .bottomc {padding: 25px 30px 10px 30px;overflow:scroll;} .block4 .bottomc ul {} .block4 .bottomc li {border-bottom: 2px solid #f1f1f2; padding: 15px 0;} .block4 .bottomc h6 {font-size: 12px; line-height: 12px; color: #939598; font-weight: 700; padding: 0 0 8px 0;} .block4 .bottomc h6 span {color: #1a6d9f; font-weight: 400;} .block4 .bottomc h5 {padding: 0 0 5px 0; font-size: 14px; line-height: 14px; color: #26405d; font-weight: 600;} .block4 .bottomc p {font-size: 12px; line-height: 16px; color: #26405d; margin: 0;} .block4 .bottomc p a {color: #24abe2; font-weight: 600;} .block4 .bottomc li.last {border: 0;} .block4 .bottomc h4 {font-size: 22px; line-height: 22px; color: #2471a4; font-weight: 600;} .block5 {padding: 40px 0 0 0;} .block5 h3 {font-size: 27px; line-height: 32px; color: #1a6d9f; font-weight: 600; padding: 0 0 15px 0;} .block5 p {font-size: 15px; line-height: 22px; color: #4e4e4e;} .block5 .bottomlink {margin: 50px 0 0 45px;} .block5 .bottomlink a.more {display: block; margin: 0; width: 160px; background: #236d9e; text-align: center; color: #ffffff; font-size: 14px; line-height: 30px; text-transform: uppercase; font-weight: 600; float: left; margin: 0 25px 0 0;} .block5 .bottomlink a.more span {background: url(images/arrow1.png) scroll no-repeat right center; padding: 0 15px 0 0;} .block5 .bottomlink a.more2 {background: #b8252d;} .block5 .bottomlink a.more2 span {background: url(images/arrow2.png) scroll no-repeat right center;} .mid {background: #a29fa0;} .mid .left {float: left; width: 45%;} .mid .right {float: left; width: 55%;} .mid .right img {width: 100%; height: auto;} .mid .left .block5 {padding: 35px 45px; color: #ffffff;} .mid .left .block5 h3 {color: #ffffff;} .mid .left .block5 p {color: #ffffff;} .home-page .bottom {padding: 40px 0; text-align: center;} .home-page .bottom h4 {font-size: 23px; line-height: 23px; color: #1a6c9d; font-weight: 600; padding: 0 0 20px 0;} .home-page .bottom .btnb {text-align: center; display: block;} .home-page .bottom .btnb span {display: inline-block; color: #ffffff; font-size: 14px; line-height: 40px; font-weight: 700; background: #24abe2; padding: 0 50px;} .inner-page {position: relative; padding: 50px;} .inner-page .block4 {width: 500px; position: absolute; top: 0; right: 0; margin: 0;} .inner-page .block4 .topc {margin: 0;} .blog-page {width: 80%;} .blog-page h1 {font-size: 51px; line-height: 51px; color: #1a6d9f; padding: 0 0 50px 0;} .blog-page h6 {font-size: 16px; line-height: 16px; color: #32aae7; font-weight: 600; padding: 0 0 10px 0;} .blog-page h2 {font-size: 32px; line-height: 40px; color: #575a5b; font-weight: 600; padding: 0 0 15px 0; margin: 10px 0 0 0;} .blog-page p {font-size: 16px; line-height: 24px; color: #5a5c5e;} .blog-page .img {float: left; margin: 0 20px 25px 0;} .blog-page h5 {font-size: 21px; line-height: 21px; color: #5a5c5e; font-weight: 700; padding: 0 0 15px 0;} .press-page {width: 90%;} .press-page h1 {font-size: 51px; line-height: 51px; color: #1a6d9f; padding: 0 0 50px 0;} .press-page h6 {font-size: 16px; line-height: 16px; color: #32aae7; font-weight: 600; padding: 0 0 10px 0;} .press-page h2 {font-size: 32px; line-height: 40px; color: #575a5b; font-weight: 600; padding: 0 0 15px 0;} .press-page p {font-size: 16px; line-height: 24px; color: #5a5c5e;} .press-page .img {float: left; margin: 0 20px 25px 0;} .press-page h5 {font-size: 21px; line-height: 21px; color: #5a5c5e; font-weight: 700; padding: 0 0 15px 0;} .blockw {border: 1px solid #e3e3e1; background: #ffffff; padding: 10px; margin: 0 0 30px 0;} .blockw h5 {font-size: 12px; line-height: 12px; color: #888888; font-weight: 600; padding: 0 0 10px 0;} .blockw h5 .link {color: #1a6d9f;} .blockw h5 .tag1 {font-size: 18px; line-height: 22px; color: #ffffff; padding: 0 40px; background: #1a6d9f;} .blockw h5 .tag2 {color: #91b7cd;} .blockw .comment {font-size: 12px; line-height: 12px; color: #1a6d9f; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} .blockw .comment span {background: url(images/comment-icon.png) scroll no-repeat left center; padding: 0 0 0 20px;} .inner-page2 {padding: 0 50px 60px;} .inner-page2 .topblock {width: 500px; float: right; margin: -100px 0 0 0; position: relative;} .breadcrumb {margin: -45px 0 0 0;} .breadcrumb ul {} .breadcrumb ul li {float: left; background: url(images/breadcrumb-slash.png) scroll no-repeat right center; padding: 0 10px 0 5px; font-size: 15px; line-height: 14px; color: #1a6d9f;} .breadcrumb ul li a {font-size: 15px; line-height: 15px; color: #4e4e4e; color: #4e4e4e;} .breadcrumb ul li.last {background: none;} .inner-page2 h1 {color: #1a6d9f; font-size: 51px; line-height: 51px; padding: 0 0 25px 0;} .inner-page2 .imgblock {margin: 0 0 50px 0; display: flex; } .inner-page2 .imgblock .lti {width: 50%;} .inner-page2 .imgblock .rti {width: 50%; padding: 0 0 0 20px;} .inner-page2 .imgblock .rti .more {display: block; margin: 0; width: 160px; background: #236d9e; text-align: center; color: #ffffff; font-size: 14px; line-height: 30px; text-transform: uppercase; font-weight: 600; margin: 20px auto 0; background: #b8252d;} .inner-page2 .imgblock .rti .more span {background: url(images/arrow2.png) scroll no-repeat right center;} .result-listing {float: left; width: 790px; margin-top:30px;} .filter-by {float: right; width: 235px; box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75); -webkit-box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75); -moz-box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75); background: #ffffff;} .result-listing h2 {color: #1a6d9f; font-size: 35px; line-height: 35px; padding: 0 0 15px 0} .result-listing h5 {font-size: 25px; line-height: 25px; color: #5a5c5e; font-weight: 600; padding: 0 0 30px 0;} .result-listing ul {} .result-listing ul li {padding: 20px 0; border-bottom: 1px solid #abb4be;} .result-listing h4 {font-size: 22px; line-height: 22px; color: #24abe2; font-weight: 600; padding: 0 0 10px 0;} .result-listing h4 a {color: #24abe2;} .result-listing ul li p {font-size: 15px; line-height: 22px; color: #5a5c5e; margin: 0;} .result-listing ul li p a {font-size: 14px; /*color: #00adee;*/} .result-listing ul li.last {border: 0;} .bottom-in2 .btnc {text-align: center; display: block; margin: 30px 0 0 0;} .bottom-in2 .btnc span {display: inline-block; color: #ffffff; font-size: 19px; line-height: 50px; font-weight: 700; background: #24abe2; text-transform: uppercase; padding: 0 20px; box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75); -webkit-box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75); -moz-box-shadow: 0px 0px 10px 1px rgba(226, 226, 226, 0.75);} .filter-by .topt {height: 40px; padding: 0 20px; background: #1a6d9f;} .filter-by .topt h4 {font-size: 19px; line-height: 19px; color: #ffffff; padding: 10px 0 0 0;} .filter-by .topt h4 span {padding: 0 0 0 40px; background: url(images/filter-icon.png) scroll no-repeat left center;} .filter-by .blockul {padding: 20px 0; border-bottom: 1px solid #b1bac5; margin: 0 20px;} .filter-by .blockul h6 {font-size: 16px; line-height: 16px; color: #26405d; font-weight: 700; padding: 0 0 10px 0;} .filter-by .blockul ul {} .filter-by .blockul ul li {margin: 0 0 8px 0;} .filter-by .blockul ul li a {font-size: 14px; line-height: 14px; color: #26405d; display: block;} .filter-by .blockul .link {font-size: 14px; line-height: 14px; color: #00adee; padding: 15px 0 0 0; display: block;} .filter-by .blockul:last-child {border: 0;} /* ------------------ FOOTER HERE --------------------------*/ footer {background: #1a6d9f url(images/grad1.png) scroll repeat-x 0 0; padding: 0 50px 25px;} .copy {} footer .topul {margin: 0 0 30px 0;} footer .topul li {float: left; background: #24abe2; margin: 0 2px 0 0;} footer .topul li a {display: block; padding: 12px 18px; font-size: 14px; line-height: 14px; color: #ffffff; font-weight: 600;} footer .topul li.donate {background: #be272f;} footer .bottom {} footer .foot {float: left; width: 20%;} footer .foot1 {width: 30%;} footer .foot4 {width: 30%;} footer .foot p {font-size: 13px; line-height: 18px; color: #ffffff;} footer .foot p strong {font-weight: 700; font-size: 16px; line-height: 16px; display: block; padding: 0 0 5px 0;} footer .foot2 ul {} footer .foot2 ul li {margin: 0 0 12px 0;} footer .foot2 ul li a {font-size: 14px; line-height: 14px; color: #ffffff; display: block; font-weight: 600;} footer .foot3 ul {} footer .foot3 ul li {margin: 0 0 12px 0;} footer .foot3 ul li a {font-size: 14px; line-height: 14px; color: #ffffff; display: block; font-weight: 600;} footer .social {margin: 0 0 25px 0;} footer .social ul {float: right;} footer .social ul li {float: left; margin: 0 5px 0 0;} footer .foot4 p {text-align: right; margin: 0; padding: 0 0 5px 0;} footer .botlink {} footer .botlink ul {float: right;} footer .botlink ul li {border-right: 1px solid #ffffff; padding: 0 5px; float: left;} footer .botlink ul li a {display: block; font-size: 12px; line-height: 12px; color: #ffffff;} footer .botlink ul li.last {border: 0;} button {-webkit-appearance: none; cursor: pointer;} button:hover, .block12 a.btn:hover, .block4 tr td a:hover, .block14 .btnb:hover, .block6 .btns:hover, .right-header .topc ul li:hover, .block1 a:hover, a.more:hover, .block4 .topc .social ul li:hover, .home-page .bottom .btnb:hover, footer .topul li a:hover, footer .social ul li:hover, .bottom-in2 .btnc:hover {opacity: 0.6;} a.link:hover, footer a:hover, .result-listing ul li p a:hover, .filter-by .blockul ul li a:hover {text-decoration: underline;} .mob_title {display: none;} .blog-page br{display:none; } .post-content h3{ font-size: 25px; color: #1a6d9f; padding:0 0 15px 0; } .post-content{padding: 0 0 25px 0;} .bottomc h4{padding-bottom:20px;} .timeline-header{display:none !important;} .timeline-header{display:none !important;} .navigation {margin:25px 0 0 0;} div.blog-page h3 { color: #575a5b; margin-bottom: 16px; font-size: 1.6em; font-weight: 500; } div.social-sharing { width: 28%; /*margin-top: -60px; */*/float: right;*/ } div.fts-jal-fb-user-thumb, span.fts-jal-fb-user-name { display: none; } a.readmore { color: #00adee; } div.inner-page ul li { color: #5a5c5e; font-size: 16px; line-height: 24px; /*new*/ list-style: circle; margin-left: 50px; } /*Facebook front page*/ .fts-jal-fb-picture { /*height: 180px;*/ } .fts-jal-fb-picture img { /*max-height: 180px*/ } div.fts-jal-single-fb-post { height: 100%; } div.inner-page ol li { color: #5a5c5e; font-size: 16px; line-height: 24px; margin-left: 50px; list-style: decimal; } div.inner-page div.social ul li { list-style: none; } footer.comment-meta { background: none; } img.avatar { float: left; padding: 8px 20px 0 0; } p.p1 { font-size: 14px !important; margin-bottom: 10px !important; line-height: 24px; font-weight: 600; } /* blog page hyperlink font-weight */ .blog-page a { font-weight: 700; color: #0000EE; } /* standard btn class */ .std-button a { border-style: none; color: #1a6d9f; width: 100%; font-size: 18px; padding: 5px; margin-left: auto; max-width: 200px; padding: 0px; } .std-button { text-align:left; width: 100%; margin: 0 0 20px auto; } /* Home Page blog post class */ .results-container { width: 1000px; padding-left: 50px; padding-bottom: 20px; margin-bottom: 30px } .results-container h2 {color: #1a6d9f; font-size: 35px; line-height: 35px; padding: 0 0 15px 0} .results-container h5 {font-size: 25px; line-height: 25px; color: #5a5c5e; font-weight: 600; padding: 0 0 30px 0;} .results-container ul {} .results-container ul li {padding: 20px 0; border-bottom: 1px solid #abb4be; list-style: none;} .results-container h4 {font-size: 22px; line-height: 22px; color: #24abe2; font-weight: 600; padding: 0 0 10px 0;} .results-container h4 a {color: #24abe2;} .results-container ul li p {font-size: 15px; line-height: 22px; color: #5a5c5e; margin: 0;} .results-container ul li p a {font-size: 14px; /*color: #00adee;*/} .results-container ul li.last {border: 0;} /* State Our-Issues post class */ .our-issues {position: relative; padding: 50px;} .our-issues .block4 {width: 500px; position: absolute; top: 0; right: 0; margin: 0;} .our-issues .block4 .topc {margin: 0;} .our-issues h4 {color:#1a6d9f;} .our-issues h4 a {font-weight: 600;} /*leadership table */ .overflow-scroll {overflow: scroll;} .leadership-table #attachment_180 {padding: 0px; margin:0px; } .leadership-table .wp-caption-text {font-size: 8px;} .leadership-table .wp-caption {background: transparent;} .leadership-table tr td {vertical-align: middle; color: #5a5c5e; border: 0px;} .leadership-table {border: 0px; font-family: 'Open Sans', sans-serif;} .leadership-table table {border: 0px;} .leadership-table .table-title {font-size:18px;color:#5a5c5e;} /* Flex Slider */ a.flex-prev.flex-disabled, a.flex-next.flex-disabled { display:none !important; } /*left right padding on event description*/ div.event-description { padding: 0 10px 0 10px; } /*Florida Government Affairs Styles*/ .profile-picture { display:inline-block; } .profile-picture img { overflow:hidden; width:150px; float:left; margin-right:20px; clip: rect(0px,0px,40px,0px); } .post-content { float:left; width:75%; } .event-home-img { display:block; height:231px; width:100%; background-position: center bottom; background-size: cover; }