@charset "utf-8";

/*
Theme Name: Richard Ashworth
Theme URI: http://www.richardashworth.org/
Description: Richard Ashworth themes.
Version: 1.1
Author: Digital Mosaic
Author URI: http://www.digital-mosaic.co.uk
*/

/* RESET BROWSERS */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}

/* RESET FONTS */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/* HTML TAGS */
html, body{ margin:0 auto; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:92%; background:url(images/page-bg.jpg) no-repeat top center #fff; }
body{   }
a{ text-decoration:none; color:#333; }
a:hover{ text-decoration:underline; }
p{ margin-bottom:0.5em; }
strong{ font-weight:bold; }
h2{ margin:0 0 0.5em 0; font-size:114%; }
h3{ margin:0.5em 0; font-weight:bold; }
h4{ margin-bottom:0.5em; }
em{ font-style:italic; } 
sup{ vertical-align:super; font-size:60%; }

/* MAIN CONTAINERS */
.page{ width:100%; margin:0 auto; text-align:center; }
.page-center{ width:960px; margin:0 auto; text-align:center; }
.header{ float:left; width:960px; margin:0 auto; padding:32px 0 18px 0; text-align:left; }
.main-cont{ text-align:left; font-size:92%;  }

/* COMMON */
.highlight, span.highlight{ color:#00aeef; }
.main-cont .column .box .box-inner ul li.grey, .main-cont .column .box .box-inner ul li .grey{ background-color:#e4e3e0; }

/* DROP SHADOW */
.drop-shadow{ -webkit-box-shadow:2px 2px 4px 1px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 4px 1px rgba(0, 0, 0, 0.2); border:1px e4e3e0 solid; }

/* HEADER */
.header h1{ float:right; }
.header h1 a{ display:block; width:357px; height:64px; background:url(images/logo.gif) no-repeat left top; }
.header h1 a span{ position:relative; left:-5000px; }
.header .conservative-logo{ float:left; padding:0 10px 0 0; }
.header .erc-logo{ float:left; }

/* MENU */
#menu{ position:relative; float:left; width:100%; margin:0 0 12px 0; background-color:rgba(255, 255, 255, 0.85); border-bottom:3px solid #fff; z-index:1000;}
#menu ul{ float:left; margin:0 auto; width:960px; }
#menu li{ float:left; padding:10px 0; margin:0 5px;  }
#menu li a{ display:block; padding:6px 6px; -webkit-border-radius: 6px; border-radius: 6px; font-family:'ABeeZee', sans-serif; color:#0056a0; font-weight:bold; font-size:108%; text-transform:uppercase; }
#menu li.current-menu-item a, #menu li.current_page_parent a, #menu li a:hover{-webkit-box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, 0.1); box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, 0.1); text-decoration:none; color:#ed1b24; }

/* FOOTER */
.footer-outer{ float:left; margin:2px 0 0 0; padding:30px 0 70px 0; width:100%; background-color:#031d3f; }
.footer-outer a{ color:#FFF; }
.footer-outer .footer{ color:#FFF; text-align:left; font-size:92%; }
.footer-outer .footer li{ margin-bottom:5px; }
.footer-outer .footer .menu{ float:left; width:140px; text-align:left; padding-right:50px; }
.footer-outer .footer .copyright{ float:right; }
.footer-outer .footer .copyright{ min-height:125px; background:url(http://www.richardashworth.org/wp-content/uploads/2018/06/epp-logo2.jpeg) no-repeat bottom right; }

/* HOMEPAGE */
#feature{ margin:0 auto; text-align:left;  }
.feature ul{ float:left; margin:0 auto; }
.size-1600{ width:1600px; }
.size-1300{ width:1300px; }
.size-1100{ width:1100px; }
.size-960{ width:960px; }

.home .size-1600, .home .size-1600 .slider, .home .size-1600 .slider ul, .home .size-1600 img{ width:1600px; height:727px; }
.home .size-1300, .home .size-1300 .slider, .home .size-1300 .slider ul, .home .size-1300 img{ width:1300px; height:591px; }
.home .size-1100, .home .size-1100 .slider, .home .size-1100 .slider ul, .home .size-1100 img{ width:1100px; height:500px; }
.home .size-960, .home .size-960 .slider, .home .size-960 .slider ul, .home .size-960 img{ width:960px; height:436px; }

#feature .slider li{ width:auto !important; height:auto !important; }
#feature .slider{ margin:-65px 0 0 0; }
#feature .slider, #feature .slider li{ float:left; position:relative; }
#feature .slider li .text{ position:absolute; bottom:4px; left:0px; width:94%; padding:1% 4%; background-color:rgba(255, 255, 255, 0.85); border-top:3px solid #fff; font-weight:bold; color:#636363; font-size:93%; }
#feature .slider li .text p{ display:block; width:75%; }
#feature .slider li .text h2{ margin:0; font-family:'ABeeZee', sans-serif; font-weight:bold; font-size:196%; color:#07336d; text-transform:uppercase; }
#feature .slider li .text h2 a{ color:#07336d; }
#feature .slider .prev, #feature .slider .next{ position:absolute; bottom:14px; width:42px; height:39px; background:url(images/next-prev.png) no-repeat; z-index:10000; }
#feature .slider .prev span, #feature .slider .next span{ position:relative; left:-5000px;}
#feature .slider .prev{ left:-9px; background-position: bottom left; }
#feature .slider .prev:hover{ background-position: bottom right; }
#feature .slider .next{ right:-9px; background-position: top left; }
#feature .slider .next:hover{ background-position: top right; }

/* MAIN CONT */
/* COLUMN BASE */
.main-cont .column, .main-cont .one-column{ float:left; margin:0 18px 0 0; width:307px; }
.main-cont .full-column{ margin:0px; width:960px; }
.main-cont .social-column .column{ margin-top:0; }

.main-cont .last-column{ margin-right:0; }
.main-cont .column .box{ float:left; margin:0 0 20px  0; background-color:#fff; }
.main-cont .column .box .box-inner-cont{ float:left; }
.main-cont .column .box .box-inner{ float:left; width:297px; padding:5px; }
.main-cont .column .box .box-inner li, .main-cont .one-column .box .box-inner li{ padding:10px; }

.main-cont .column .box h3{ float:left; margin:0 0 -8px 0; position:relative; top:-8px; left:-8px; padding:0 0 1px 0; height:39px; width:100%; background:url(images/box-heading-flag.png) no-repeat bottom left; }
.main-cont .column .box h3 a{ display:block; float:left; padding:0 39px 6px 0; font-family:'ABeeZee', sans-serif; font-weight:bold; font-size:146.5%; color:#fff;  background:url(images/box-heading-arrow.png) no-repeat top right; }
.main-cont .column .box h3 a:hover{ background-position: bottom right; }
.main-cont .column .box h3 a span{ float:left; display:block; padding:5px 48px 4px 8px; background-color:#07336d; }

.main-cont .column .box h4{ float:left; width:292px; font-family: 'ABeeZee', sans-serif; color:#70bb21; font-size:160%; text-transform:uppercase; }
.main-cont .column .box h4 a{ color:#70bb21; }
.main-cont .column .box .box-inner ul{ float:left; }
.main-cont .column .box .box-inner ul li{ float:left; width:277px; position:relative; }
.main-cont .column .box .box-inner ul li .text{ float:left; width:268px; padding:8px; }
.main-cont .column .box .box-inner ul li .text img{ float:left; padding:0 10px 0 0; }

.main-cont .column .box a.more{ float:right; display:block; margin:10px 0 0 0; height:18px; line-height:22px; padding:10px 50px 0 0; text-align:left; font-size:108%; font-family: 'ABeeZee', sans-serif; color:#000; text-transform:uppercase; background:url(images/more-arrow.gif) no-repeat top right; }
.main-cont .column .box a.more:hover{ text-decoration:none; background-position:bottom right; }

/* COLUMN TWO */
.main-cont .two-column .box h4{ width:613px; font-size:218%; }
.main-cont .two-column, .main-cont .two-column .box{ width:633px; }
.main-cont .two-column .box .box-inner{ width:588px; padding:00px; width:633px; }
.main-cont .two-column .box .box-inner ul li{ width:613px; padding:10px 0; margin:0 10px; border-bottom:1px solid #e4e3e0; }
.main-cont .two-column .box .box-inner ul li.no-border{ border-bottom:none; }
.main-cont .two-column .box .box-inner ul li .text{ width:597px; }

/* COLUMN THREE */
.main-cont .three-column, .main-cont .three-column .box{ width:960px; }
.main-cont .three-column .box .box-inner{ width:950px; }
.main-cont .three-column .box .box-inner ul li{  width:946px; }
.main-cont .three-column .box .box-inner ul li .text{ width:926px; }

/* COLUMN ONE */
.main-cont .one-column .box{ width:306px; }
.main-cont .one-column .box .box-inner{ float:left; width:297px; padding:5px; }
.main-cont .one-column .box .box-inner ul li{ float:left; width:277px; padding:10px; margin:0; border-bottom:none; }

/* SOCIAL BOXES */
.main-cont .column .social h4{ float:left; width:287px; padding:10px; margin:0; font-family:'ABeeZee', sans-serif; color:#fff; background-color:#519608; font-size:123%; }
.main-cont .column .social h4 a{ color:#fff; font-weight:bold; }

/* HOMEPAGE */ 
.home .main-cont .two-column .news{ margin-bottom: 0px; }
.home .main-cont .two-column .news .box-inner{ width:633px; padding:0; }
.home .main-cont .column .box .box-inner ul li .text p{ display:block; float:left; margin:0; padding:10px 0; width:439px; }

/* PLEDGES BOX */
.main-cont .column .pledges .box-inner{ }
.main-cont .column .pledges li h4{ margin:0 0 0.3em 0; width:282px; font-size:131%; color:#0056A0;  }
.main-cont .column .pledges li h4 a{ color:#0056A0; }
.main-cont .column .pledges li p{ margin:0; display:block; width:215px; }
.main-cont .column .pledges li a.more{ position:absolute; bottom:5px; right:5px; }

/* SOCIAL BAR BOX */
.main-cont .column .social-bar{ margin:20px 0; padding-bottom:13px; color:#fff; font-family:'ABeeZee', sans-serif; font-weight:bold; font-size:108%; line-height:1.3em; background:url(images/social-bar-shadow.png) no-repeat bottom center; }
.main-cont .column .social-bar .box-inner{ width:930px; height:29px; padding:8px 15px; background-color:#0056A0; border-bottom:1px solid #78a4ca; }

/*
.main-cont .column .social-bar .box-inner label{ position:relative; top:2px; }
.main-cont .column .social-bar .box-inner input{ margin:0 0 0 30px; width:240px; padding:6px 10px 7px 10px; font-size:77%; border:none; border-left:1px solid #e5eaef; }
.main-cont .column .social-bar .box-inner button{ margin:0 0 0 -5px; width:39px; height:28px; overflow:hidden; background:url(images/more-arrow.gif) no-repeat top right; border:0; line-height:1.7em; }
.main-cont .column .social-bar .box-inner button:hover{ background-position:bottom right; cursor:pointer; }
.main-cont .column .social-bar .box-inner .social-networks{  position:relative; top:-2px; float:left; padding:0 0 0 20px; background:url(images/social-bar-border.png) no-repeat center left; line-height:1.2em; }
.main-cont .column .social-bar .box-inner .social-networks a img{ position:relative; top:5px; }
*/

.main-cont .column .social-bar .box-inner .newsletter-form{ position:relative; float:left; width:565px; padding:0 35px 0 0; }
.main-cont .column .social-bar .box-inner .newsletter-form label{ float:left; width:250px; padding-top:7px; color:#FFF; }
.main-cont .column .social-bar .box-inner .newsletter-form input.newsletter-textfield{ width:290px; height:26px; margin:0; padding:0 5px; }
.main-cont .column .social-bar .box-inner .newsletter-form input.newsletter-submit{ position:absolute; right:47px; top:1px; float:left; width:39px; height:28px; margin:0; overflow:hidden; background:url(images/more-arrow.gif) no-repeat top right; border:0; }
.main-cont .column .social-bar .box-inner .newsletter-form input.newsletter-submit:hover{ background:url(images/more-arrow.gif) no-repeat bottom right; cursor:pointer; }
.main-cont .column .social-bar .box-inner a{ color:#fff; }
.main-cont .column .social-bar .box-inner a img{ position:relative; top:6px; }
.main-cont .column .social-bar .box-inner .social-networks{ float:right; position:relative; top:-2px; }

.wpcf7-not-valid-tip-no-ajax, .wpcf7-not-valid-tip,.wpcf7-response-output, .wpcf7-validation-errors,.wpcf7-mail-sent-ok,wpcf7-display-none, div.wpcf7 img.ajax-loader{ display:none!important;}

/* TWITTER BOX */
.main-cont .column .twitter{ min-height:306px; }
.main-cont .column .twitter h4{ width:257px; padding:11px 10px 9px 40px; background:url(images/icon-twitter-lrg.png) no-repeat 5px 7px #519608; }
.main-cont .column .twitter ul li a{ color:#0382aa; font-weight:bold; }

/* FACEBOOK BOX */
.main-cont .column .facebook{ min-height:306px; }
.main-cont .column .facebook h4{ width:257px; padding:11px 10px 9px 40px; background:url(images/icon-facebook-lrg.png) no-repeat 5px 6px #519608; }

/* BLOG BOX */
.main-cont .column .blog{ min-height:306px; }
.main-cont .column .blog .box-inner{ padding:10px 0; }
.main-cont .column .blog .box-inner ul li{ width:297px; padding:0px; margin:0 5px; }
.main-cont .column .blog .box-inner ul li a.thumb{ display:block; float:left; width:102px; height:79px; }
.main-cont .column .blog .box-inner ul li.grey{ margin:0 5px 10px 5px; }
.main-cont .column .blog .box-inner ul li div.text{ width:175px; padding:10px; color:#444444; }
.main-cont .column .blog .box-inner ul li h5{ margin:0 0 0.5em 0; color:#07336d; font-weight:bold; }
.main-cont .column .blog .box-inner ul li .text p{ width:auto; margin:0; padding:0; }

/* RSS */
.main-cont .column .rss .rss-con{ margin:0 0 23px 0; }
.rss .box .box-inner{ }
.rss .box .widget{ float:left; }
.rss .box .widget_rss h2{ display:none; }
.rss .box .widget_rss li{  }
.main-cont .column .rss-icon h3{ }
.main-cont .column .rss h3 a span{ position:relative; padding:5px 48px 4px 40px; }
.main-cont .column .rss h3 div.rss-icon{ position:absolute; width:26px; height:26px; top:7px; left:10px; background:url(images/icon-rss-lrg.png) no-repeat top left; }

.main-cont .column .rss li a.rsswidget{ float:left; margin:0 0 0.3em 0; width:282px; font-size:131%; color:#0056A0; font-family: 'ABeeZee', sans-serif; text-transform:uppercase; }
.main-cont .column .rss li .rssSummary{ float:left; display:block; width:215px; }
.main-cont .rss .box a.more{ position:absolute; bottom:5px; right:5px; margin:0; }

/* PROFILE */
.profile .slider ul{ float:left; margin:0 0 20px 0; }
.profile .main-cont .two-column .box .box-inner ul li.first{ padding-bottom:35px; }

/* STANDARD TEXT PAGE */
.standard-textpage{ float:left; margin-top:65px; }
.standard-textpage .two-column .box .box-inner-cont{ background-color:#f8f8f8; }
.standard-textpage .column .box .box-inner ul li .text p{ width:594px; }

/* NEWS */ 
.news .main-cont .column .box-inner ul li p.date{ float:left; display:block; color:#000; font-size:108%; font-family: 'ABeeZee', sans-serif; text-transform:uppercase;  }
.news .main-cont .column .box-inner ul li .share{ float:right; text-align:right; }
.news .main-cont .column .box-inner ul li .text .images{ float:left; width:597px; padding:0 0 10px 0; }
.news .main-cont .column .box-inner ul li .text .images img{ float:left; }
.news .main-cont .column .box-inner ul li .text .images img.right{ padding-right:0; }
.news .main-cont .column .recent-posts li .tiny-thumb{ float:left; margin:0 10px 0 0; }
.news .main-cont .column .recent-posts li h4{ float:left; margin:0 0 0.3em 0; width:207px; font-size:131%; color:#0056A0;  }
.news .main-cont .column .recent-posts li h4 a{ color:#0056A0; }

.news .main-cont .column .archive li h4{ float:left; margin:0 0 0.3em 0; height:25px; width:280px; font-size:131%; color:#0056A0;  }
.news .main-cont .column .archive li h4 a{ display:block; height:19px; padding:5px 0 4px 0; color:#0056A0; background:url(images/open-close-arrow.gif) no-repeat top right; }
.news .main-cont .column .archive li h4 a:hover, .news .main-cont .column .archive li h4 a.open{ background:url(images/open-close-arrow.gif) no-repeat bottom right;}

.news .main-cont .column .search .box-inner ul li{ width:297px; padding:0 0 10px 0; }
.news .main-cont .column .search .box-inner input{ width:287px; height:26px; margin:0; padding:2px 5px; border:none; background-color:#e4e3e0;  }
.news .main-cont .column .search .box-inner input.submit{ position:absolute; right:1px; top:1px; float:left; width:39px; height:28px; margin:0; padding:0; overflow:hidden; background:url(images/more-arrow.gif) no-repeat top right; border:0; }
.news .main-cont .column .search .box-inner input.submit:hover{ background:url(images/more-arrow.gif) no-repeat bottom right; cursor:pointer; }

/* CONTACT */
.contact .contact-main{ position:relative; float:left; margin:20px auto; }
.contact .main-cont .two-column .box .box-inner{ width:613px; padding:10px;  }
.contact .main-cont .two-column .contact-cont{ float:left; width:593px; padding:10px; background-color:#e4e3e0;  }
.contact .main-cont .column .box h4 { width:100%; margin:0;  }
.contact .main-cont .column .box-inner .row{ float:left; width:605px; margin:0 0 0.5em 0; }
.contact .main-cont .one-column .box-inner .row{ width:280px; }
.contact .main-cont .column .box-inner .row input{ width:490px; height:26px; margin:0; padding:2px 5px; border:none; background-color:#fff; color:#646060; font-size:138.5%;  }
.contact .main-cont .one-column .box-inner .row input{ width:270px; }
.contact .main-cont .column .box-inner .row input.submit{ width:auto; height:auto; margin:0; padding:0; background:none; }
.contact .main-cont .column .box-inner .row textarea{ width:490px; height:75px; margin:0; padding:2px 5px; border:none; background-color:#fff; color:#646060; font-size:138.5%;  }
.contact .main-cont .one-column .box-inner .row textarea{ width:270px; }
.contact .main-cont .one-column .box-inner .row select{ width:280px; margin:0; padding:7px 5px 6px 5px; border:none; background-color:#fff; color:#646060; font-size:138.5%;  }
.contact .main-cont .contact-address{ font-size:116%; color:#0056A0; font-family: 'ABeeZee', sans-serif; }

/* VIDEO */
.videos .main-cont .column .video-list li .tiny-thumb{ float:left; margin:0 10px 0 0; }
.videos .main-cont .column .video-list li h4{ float:left; margin:0 0 0.3em 0; width:207px; font-size:131%; color:#0056A0;  }
.videos .main-cont .column .video-list li h4 a{ color:#0056A0; }
