/* 

CUSTOM STYLESHEET

---------------------

Instructions:



Add your custom styles here instead of boast.css so it 

is easier to update the theme. Simply copy an existing 

style from boast.css to this file, and modify it to 

your liking.*/


/* Irish Colors */

body { color: #fdfdfd; background-color: #004e00; }
#logo { height: 150px; background: url('/images/logo.jpg') center right no-repeat; background-color: #ffffff; }
#logo .site-title a { color:#002700; }
#logo .site-description { float: right; color: #003b00; font-size: 14px; text-transform: uppercase; padding-top: 50px; padding-right: 275px;}
#navigation { background: #ffffff url(_templates/boast/assets/bg-nav-rpt.png) repeat-x left top; width: 980px; }
.nav li.home a  { background: url(_templates/boast/assets/shamrock.png) no-repeat top center; }
.nav a:hover { background-color: #003b00; color: #ff9000; } 
h3 a:hover { color: #ff9000; text-decoration: underline; }
div.feat-title a:link, div.feat-title a:visited  { color: #004400; text-decoration: none; } 
div.gallery-pager a:link, div.gallery-pager a:visited { color: #004400; text-decoration: none; }
.featured .feat-index, #footer { background-color: #003b00; }
div.feat-title a:link, div.feat-title a:visited  { color: #003b00; text-decoration: none;} 
.featured .feat-index a { color: #d8ffd8; }
.featured .feat-index { border-color: #122912; }
.featured .feat-index span  { color: #ecffec; }
.featured .feat-title h2 { color: #002700; }
a:link, a:visited  { color: #ff9000; }
.featured.feat-blog .entry a { color: #003b00; }
.nav a { color: #003b00; }
#main-widgets .widget a:link, #main-widgets .widget a:visited { color: #ff6500; }
#footer-widgets .widget h3 { color: #89ff89; }

/* Contact Form */
form.comConnectForm fieldset {color: darkgreen; border: 1px solid darkgreen; padding: 20px; border-radius: 6px;}
form.comConnectForm fieldset legend {padding: 5px; font-size: 1.3em;}
label.comRequired::after {content: "*"; padding-left: 2px; color: red;}

input[type=text], input[type=email], textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 12px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

/* General tweaks */

#header { padding-bottom: 0; padding-top: 20px;}
#logo { border-top-right-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; }
#logo img { padding-left: 10px; }
#calendar h4 { padding: 0; }
div.site-title { padding: 20px 0px 10px 10px; }
.col-full { width: 980px; }
.featured .feat-index { width: 340px; }
img.full-width { width: 800px; }

#navigation { border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topright:0px;	-moz-border-radius-topleft:0px;-webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius:0px; }

h2, h3, h4 { padding: 5px 0 10px 0; }

.entry ul, ol {list-style-position: outside; }
.entry  ul li  { list-style-type: disc; }
.entry  ol li  { list-style-type: roman; }
.entry  ol li ol li  { list-style-type: roman; }
.entry  ol li ul li {list-style-type: circle; }

.featured .feat-post .feat-title  { width: 567px; padding: 4px 0 0 0; }
.featured .feat-blog {width: 938px; }

div.alt-home { margin-top: -20px; margin-bottom: 20px; }

#blog .post .col-left { width: 200px; }
#blog .col-right { width: 600px; }

#events .col-left  { width: 450px; padding: 10px 20px 10px 0; text-align: right; }
#events .col-right  { width: 450px; padding: 10px 0 10px 20px; text-align: left; }
.event-details { display: inline; }
.event-details a { text-decoration:none; font-weight: bold; font-size: 12px; }
.event-details a:hover { text-decoration:underline; }
.event-navigation { margin-top: 30px; }

#footer-widgets .widget-col  { float: left; width: 310px; margin: 0; }
#footer-widgets .widget  { margin: 0 0 10px 0; }

.sponsor { float: left; padding: 25px; height: 150px;}

div.gallery-pager { margin:10px; }