/* Theme Name: Fiona Lockhart Description: Child theme for the Bhinneka theme Author: Jane Hooper Template: bhinneka */ @import url("../bhinneka/style.css"); #site-title a { color: #009900; } /*------------------------------------------------------------------ 1. GLOBAL ------------------------------------------------------------------*/ /*------------------------------- Typography -------------------------------*/ body { font-size: 16px; color: #5d432a !important; line-height: 1.20em; -webkit-text-size-adjust: none; /* Stops the iPhone scalling type up - from cssgrid.net */ -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ } h1, h2, h3, h4, h5, h6 { color: #86951a; font-weight: normal; margin: 4px 0 12px 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 1.875em /* 30px */;} h2 { font-size: 1.5em /* 24px */; } h3 { font-size: 1.25em /* 20px */; } h4 { font-size: .9375em; } h5 { font-size: .9em ; } h6 { font-size: 0.875em ; text-transform: uppercase; } h3, h5, h6 { line-height: 1.10em; } h4 { line-height: 1.5em; } .italic { color: #a18973; font-style:italic; font-size: 85%} h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { color: #a18973; } p { font-size:0.9375em /* 15px */; margin: 0 0 .8em 0; } p img { margin: 0; } ul, ol { margin: 0 0 .8em 25px ; } /* margin left in px because container width is unknown */ ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: disc; } ol { list-style: decimal; } li { line-height: 1.5em; } ul.unstyled { list-style: none; margin-left: 0; } ul.styled, ul.checklist { margin-left:6px;} ul.styled li { background: url(../img/list-bullet-footer.png) no-repeat 0 3px; list-style-type: none; padding: 0 0 0 20px; line-height:1.231; margin-bottom: 0.7em;} ul.checklist li { background: url(../img/checkmark.png) no-repeat 0 3px; list-style-type: none; padding: 0 0 0 20px; line-height:1.231; margin-bottom: 0.7em;} dl { margin-bottom: 1.25em; } dl dt, dl dd { line-height: 1.2em; } dl dt { font-weight: bold; } dl dd { margin-left: 14px; } strong { font-style: inherit; font-weight: bold; } em { color: #a18973; font-style: italic; font-weight: inherit; line-height: inherit; } small { font-size: 80%; } blockquote, blockquote p { font-size: .9em; line-height: 1.375em; color: #5d432a; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;} blockquote { margin: 0 0 1.25em; padding-left: 17px; } blockquote p { font-weight: 500; margin-bottom: 0; } blockquote small { display: block; font-size: 0.75em; font-weight: 500; line-height: 1.125em; color: #c7db49 ; } blockquote small:before { content: '\2014 \00A0'; } .singular blockquote { font-size: 1em; padding-left: 5%; border-left: 3px solid #c7db49;} blockquote.pull { margin: 0 0 1.625em; } .pull.alignleft { margin: 0 1.625em 0 0; width: 33%; } .pull.alignright { margin: 0 0 0 1.625em; width: 33%; } .singular blockquote.pull.alignleft, .singular blockquote.pull.alignright { width: 33%; } p a, p a:visited { line-height: inherit; } a { text-decoration: none; color:#A2b529; outline: none;} a:hover { text-decoration: underline; color: #d8c8b5; } a:active, a:focus { color:#8b951a;} hr { border: single #d8c8b5; border-width: 1px 0 0; clear: both; margin: 0.625em 0 1.875em; height: 0; } hr.thin { border-bottom:1px solid #c7db49 ;border-bottom:1px solid rgba(199, 219, 73, 0.1);} code { background-color: #d8c8b5; color: rgba(93, 67, 42, 0.75); padding: 1px 3px; } pre { background-color: #d8c8b5; border: #c7db49; border: rgba(199, 219, 73, 0.15); } /*------------------------------- Base ------------------------------- html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }*/ body { margin: 0; background-color: #FFF; background-image: url(images/background.gif); background-repeat: repeat-x; } ::-moz-selection { background: #c7db49 color: #5d432a; } ::selection { background: #c7db49 color: #5d432a;} a.more { font-style: italic; text-decoration: none; color:#86951a; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; display:block; } a.more:hover { color:#c7db49; text-decoration: underline; } img, object, embed, video, input[type="image"] { max-width: 100%; } a img {display: block; /* Stops image links getting text link styles */} img.image-border { background-color: #FFFFFF; border: 1px solid #a38973; padding: 6px; box-shadow: 0 1px 2px rgba(161, 137, 115, 0.1); } img.image-border-small { background-color: #FFFFFF; border: 1px solid #a38973; padding: 3px; } img.alignleft { margin-right: 0.75em; margin-bottom: 0.375em; } img.alignright { margin-left: 0.75em; margin-bottom: 0.375em; } .cta { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight:normal; color:#86951a; } .wp-caption { background-color: #FFFFFF; border: 0; box-shadow: 0 rgba(0, 0, 0, 0.1); } .gallery-caption, .wp-caption p.wp-caption-text { color: #7f5f42; font-size: 0.75em; } /*------------------------------- Buttons -------------------------------*/ .btn.danger, .btn.danger:hover, .btn.action, .btn.action:hover, .btn.success, .btn.success:hover, .btn.info, .btn.info:hover, .btn.primary, .btn.primary:hover, .small-btn.danger, .small-btn.danger:hover, .small-btn.action, .small-btn.action:hover, .small-btn.success, .small-btn.success:hover, .small-btn.info, .small-btn.info:hover, .small-btn.primary, .small-btn.primary:hover, .arrow-btn.danger, .arrow-btn.danger:hover, .arrow-btn.action, .arrow-btn.action:hover, .arrow-btn.success, .arrow-btn.success:hover, .arrow-btn.info, .arrow-btn.info:hover, .arrow-btn.primary, .arrow-btn.primary:hover { color: #5d432a; } .btn.action, .small-btn.action, .arrow-btn.action { background-color: #a38973; text-shadow: 0 -1px 0 rgba(161, 137, 115, 0.25); border-color: #a38973 #a38973 #7f5f42; border-color: rgba(161, 137, 115, 0.1); } .btn.action:hover, .small-btn.action:hover, .arrow-btn.action:hover { background-color: #c7db49; } .btn.danger, .small-btn.danger, .arrow-btn.danger { background-color: #d7e155; text-shadow: 0 -1px 0 rgba(235, 235, 124, 0.25); border-color: #c7db49 #c7db49 #ebeb7c; border-color: rgba(235, 235, 124, 0.1); } .btn.danger:hover, .small-btn.danger:hover, .arrow-btn.danger:hover { background-color: #d7e155; } .btn.success, .small-btn.success, .arrow-btn.success { background-color: #d7e155; text-shadow: 0 -1px 0 rgba(235, 235, 124, 0.25); border-color: #ebeb7c #ebeb7c #d7e155; border-color: rgba(199, 219, 73, 0.1); } .btn.success:hover, .small-btn.success:hover, .arrow-btn.success:hover { background-color: #d7e155; } .btn.info, .small-btn.info, .arrow-btn.info { background-color: #d7e155 ; text-shadow: 0 -1px 0 rgba(235, 235, 124, 0.25); border-color: #ebeb7c #ebeb7c #d7e155; border-color: rgba(199, 219, 73, 0.1); } .btn.info:hover, .small-btn.info:hover, .arrow-btn.info:hover { background-color: #d7e155; } .btn.primary, .small-btn.primary, .arrow-btn.primary { background-color: #d7e155; text-shadow: 0 -1px 0 rgba(235, 235, 124, 0.25); border-color: rgba(215, 225, 85, 0.1); } .btn.primary:hover, .small-btn.primary:hover, .arrow-btn.primary:hover { background-color: #ebeb7c; } .btn { cursor: pointer; display: inline-block; background-color: #c7db49; padding: 5px 15px 7px; text-shadow: 0 1px 1px rgba(235, 235, 124, 0.75); color: #5d432a; font-size: 13px; line-height: normal; border: 3px solid #d7e135; border-bottom-color: #ebeb7c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(235, 235, 124, 0.2), 0 1px 2px rgba(134, 149, 26, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(235, 235, 124, 0.2), 0 1px 2px rgba(134, 149, 26, 0.05); box-shadow: inset 0 1px 0 rgba(235, 235, 124, 0.2), 0 1px 2px rgba(134, 149, 26, 0.05); -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -ms-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight:bold !important; } .btn:hover, .small-btn:hover, .arrow-btn:hover { color: #c7db49; text-decoration: none; background-color: #a38973; } .btn:focus, .small-btn:focus, .arrow-btn:focus { outline: 1px dotted #ebeb7c; } .btn.active, .btn :active, .small-btn.active, .small-btn :active, .arrow-btn.active, .arrow-btn :active, { -webkit-box-shadow: inset 0 2px 4px rgba(216, 200, 181, 0.25), 0 1px 2px rgba(216, 200, 181, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(216, 200, 181, 0.25), 0 1px 2px rgba(216, 200, 1810, 0.05); box-shadow: inset 0 2px 4px rgba(216, 200, 181, 0.25), 0 1px 2px rgba(216, 200, 181, 0.05); } .small-btn { -cursor: pointer; display: inline-block; background-color: #FFF; padding: 3px 12px 4px; color: #333; font-size: 11px; line-height: normal; border: 1px solid #5d432a; border-bottom-color: #7f5f42; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -ms-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }*/ .arrow-btn { cursor: pointer; display: inline-block; background-color: #c7db49; padding: 5px 30px 7px 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #c7db49; font-size: 13px; line-height: normal; border: 3px solid #5d432a; border-bottom-color: #7f5f42; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -ms-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight:bold !important; position:relative;} .arrow-btn span { background:url("../img/button-arrow-dark.png") no-repeat; display:block; width:10px; height:18px; position:absolute; top: 4px; right:8px; } .arrow-btn.action span, .arrow-btn.danger span, .arrow-btn.info span, .arrow-btn.primary span, .arrow-btn.success span { background:url("../img/button-arrow.png") no-repeat; display:block; width:10px; height:18px; position:absolute; top: 4px; right:8px; } a img.arrow-btn { display: inline; margin: 0 2px -3px 6px;} /*------------------------------- Non semantic styles -------------------------------*/ .fleft { float:left; margin-right: 20px;} .fright { float:right; margin-right: 20px;} .tshadow { text-shadow: none; } .inset { text-shadow: none; filter:none; } .inset-light { text-shadow: none; filter: none; } .no-textshadow .inset,.no-textshadow .inset-light { text-shadow: none !important; filter: none !important; } .boxshadow { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .seriftype { font-family: "Palatino Linotype", Georgia, "Times New Roman", serif; } .vintage-type { text-shadow: 0px 0 ; } .round-4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .replace { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /*------------------------------- * Input types, form layouts -------------------------------*/ fieldset legend {color: #5d432a; } form .clearfix:after { clear: both; } label {color: #7f5f42; } input, textarea, select, .uneditable-input { color: #5d432a; border: 1px solid #c2n4a2; } .uneditable-input { border-color: #c2b4a2; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } :-moz-placeholder { color: #d8c8b5; } ::-webkit-input-placeholder { color: #5d432a; } input, textarea { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(216, 200, 181, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(216, 200, 181, 0.1); box-shadow: inset 0 1px 3px rgba(216, 200, 181, 0.1); } input:focus, textarea:focus { outline: 0; border-color: rgba(236, 191, 82, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 173, 82, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 173, 82, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 173, 82, 0.6); } input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #c2b4a2; } select.mobileMenu option { color: #5d243a; padding: 10px 10px 9px; border-bottom: #c2b4a2 1px solid; font-size: 13px; } /*------------------------------- Pagination -------------------------------*/ .pagination a { color: #5d432a; border-right-color: #5d432a; border-right-color: rgba(99, 67, 42, 0.15); *border-right-color: #5d432a; } .pagination a:hover, .pagination .active a { background-color: #d8c8b5; color: 5d432a; } /*----------------------------------------------- 2. HEADER ------------------------------------------------------------------*/ #header { background: #000; clear:both; box-shadow: none;-webkit-box-shadow: none; -moz-box-shadow: none; border-bottom: #c7db49 solid 1px;} #main-header { padding-bottom: 0em; overflow:visible !important; background:#000;} #pre-header { padding: 00em 0; border-bottom: 1px solid #00; background-color: #F00; background-image: none; } #branding {padding-bottom: 0px; position: relative; z-index: 9999; background-position: right top; /*height: 61px;} #branding hgroup { margin: 0 7.6%;*/ } #logo {float: right !important; margin-right:0.128%; position: relative;} #site-description {width: 60%; color: #c7db49; font-size: 1.65em; float: left; margin-top: 1em; line-height: 110%;} .container {background: #fff; padding: 0; margin: 0 auto; } #image-area {background-color: #FFF;} #header-image{ margin: 15px auto;max-width: 940px; /*padding-right: 15px;*/ width: 100%; } #header-image img { height: auto; /* margin: 15px 0; border: #c2b4a2 15px solid;*/ padding-top: 15px; width: 100%; } /*------------------------------- Navigation -------------------------------*/ #secondary-nav {background: #000; /*background-color: #0FF;*/ } #sf-nav { width: 100%; } #nav-wrapper { float: left; margin-top: 1.15em; } .sf-menu { line-height: 1.5em; float:left; background: #000;/*background-color: #F0F;*/ position:relative; z-index: 99; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; height: 2.7em;} .no-rgba .sf-menu { background: #000; } /* fallback */ .sf-menu ul { padding: 4px;background: #000;text-decoration: none; /*background-color: #FF0;*/ } .sf-menu, .sf-menu * { margin:0; padding:0; /*background-color:#0000FF;*/ list-style-position: inside; list-style-image: none; list-style-type: none; } .sf-menu ul {position:absolute; top:-999em; width:6em; visibility: visible !important; display:none; /*background: #00F;*/} .sf-menu ul li { width:100%; } .sf-menu li:hover { visibility:inherit;text-decoration: none; } .sf-menu li { float:left; position:relative; white-space: normal;} .sf-menu a { display:block; width:6em; text-align: center; line-height: 110%; position:relative; text-decoration:none; font-size: 0.875em; text-transform:uppercase; margin: 0 0px 0px 0px; padding: 3px 16px 3px 16px; /*background: #CCC; */} .sf-sub-indicator { /* background:none #030;*/ } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:43px; z-index:100 ; color:#c7db49;/*background: #900;*/} .sf-menu a, .sf-menu a:active { color:#d8c7b5;text-decoration: none!important;} .sf-menu a, .sf-menu a:visited { color:#d8c7b5 !important; font-weight: normal;text-decoration: none!important;} .sf-menu > li > a:visited { color: #d8c7b5 !important;text-decoration: none!important; } .sf-menu a.sf-with-ul { min-width: 1px; text-decoration: none !important;padding: 3px 16px 3px 16px;margin: 0 00px 0px 0px;/* background-color: #F00;*/} .sf-menu ul a { color: #d8c8b5; line-height: 180%; text-align: left; position:relative; font-size:0.75em; text-transform:none; border-bottom: 5px solid #2a2e2f; text-decoration: none; margin: 0 10px; } .sf-menu ul a:hover {/*background: /*url(../img/hatch-hover-image.png)#C00 repeat; */ text-decoration: none; } .sf-menu .sub-menu li:last-child a { /*border-bottom: 0 none;*/} .sf-menu li li { background: #000; /*background-color: #900; */} .sf-menu li li a:hover { border-bottom: 0; text-decoration: none;} .sf-menu li ul { text-decoration: none; } .sf-menu > li > a:hover, .sf-menu > li.sfHover > a { text-decoration: none;color:#c7db49; background: #000; ; border: 0 none; } .sf-menu > li > a:active { color: #d8c8b5; border-bottom: 5px solid #c7db49;text-decoration: none;} .sf-menu li.current_page_parent, .sf-menu li.current_page_item > a, .sf-menu li a:hover { color:#c7db49 !important; border-bottom:#c7db49 5px solid !important; text-decoration: none;} /* arrows */ .sf-sub-indicator { position:absolute; display:block; right:0px; top:0px; width:0px; height:0px; text-indent:-999em; overflow:hidden; background:none; } a > .sf-sub-indicator { top:0px; background-position:0; } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position:0; } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position:0; top:0px; right:0px; } .sf-menu ul a > .sf-sub-indicator { background-position:0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:0; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:0em; top:0; } /*------------------------------------------------------------------ 3. CONTENT ------------------------------------------------------------------*/ /*------------------------------- Page Content -------------------------------*/ .page-content { margin-top: 1em; margin-bottom: 1em; } .page-content .figure.fleft { margin-right: 4%;} .page-content .figure { margin-bottom: 1em;} .page-content p { margin-bottom: 1.25em; } .entry-content .post_image { margin-bottom: 1.25em; } .article { margin-bottom: 1.25em; } .entry-content li{line-height: 1.2em; font-size:0.9375em /* 15px */; margin-bottom: .75em;} /*------------------------------- Post Format -------------------------------*/ .entry-header .entry-format { color: #5d432a; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.6875em; letter-spacing: 0.2em; line-height: 2em; text-transform: uppercase; } .format-standard .entry-format, .format-quote .entry-format { margin-bottom: -0.3125em; } /*------------------------------- Quote -------------------------------*/ .format-quote blockquote { border-left: 7px solid #c7db49; } /*------------------------------- Aside Post Format -------------------------------*/ .format-aside .entry-title, .format-aside .entry-header .comments-link { display: none; } .singular .format-aside .entry-content { padding: 1.625em 0 0; } /*------------------------------- Breadcrumbs -------------------------------*/ #bnk-crumbs { font-size:11px; color: #86951a; margin-bottom: 10px; text-transform: uppercase; } #bnk-crumbs a { color: #86951a; } #bnk-crumbs a:hover { color: #c7db49; text-decoration:none;} #bnk-crumbs span.divider { background: url(../img/breadcrumb-divider.png) no-repeat left 1px; width:6px; height:12px; margin: 0 6px; display: inline-block; } /*------------------------------- Sub pages navigation -------------------------------*/ #submenu { padding: 0px; margin: 0 ; list-style: none; background: 0; border: 0; border-radius: 0px; box-shadow: none; font-size: 0.875em; } #submenu li a { display:block; color: #5d432a; cursor:pointer; padding: 0.5em 0em; border-bottom: 0; text-shadow: none; text-decoration: none; } #submenu li.current_page_item > a, ul#submenu li a:hover { color: #c7db49; text-decoration: none; } #submenu > li:last-child a { border: 0; padding-bottom:30px;} #submenu ul.children { margin-left: 0; } #submenu ul li { list-style: none; } /*------------------------------- Site map -------------------------------*/ .sitemap {width:30%; margin-left:0; float: left;list-style:none; margin-right:0; display:inline; } .sitemap li a {text-decoration:none;font-size: .8em; color: #5d432a; } .sitemap li a:hover { color: #c7db49; text-decoration: none; } /*------------------------------- Blog -------------------------------*/ .singular .entry-title, .entry-title { font-size: 1.5em; text-transform:none; margin-bottom: 5px; } .singular .entry-title {margin-bottom: 15px;} .entry-title a { color:#86951a;} .entry-title a:hover { color:#c7db49; text-decoration: none;} .entry-meta { font-size: 13px; font-style:italic; color: #888; margin-bottom: 20px; line-height: 1.5em;} footer.entry-meta { font-style:normal; } .entry-summary .more { padding-top:10px; } .cat-links a, .tag-links a { font-size: 10px; padding: 1px 7px 2px; background: #d8c8b5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-transform: uppercase; margin-top:4px; color: #5d432a;} .cat-links a:hover, .tag-links a:hover { color: #c7db49; background: #000; text-decoration:none; } .comments-link { margin-right: 8px ;background: transparent url('../img/comment-bubble.png' ) no-repeat 0 2px; padding-left: 10px; padding-bottom:3px;} .edit-link { font-weight: bold;} /*------------------------------------------------------------------ 4. FOOTER ------------------------------------------------------------------*/ /*------------------------------- Footer -------------------------------*/ #footer { margin-top: .5em; padding: 2.875em 0; color: #d8c8b5; background: scroll #000 url(images/Fiona-Circles-black.gif) no-repeat right bottom; } .footer-credit-wrapper { float: none; width: 100%; left: 0%; margin-top: 1.25em; font-size: .7em;} .footer-credit { padding: 2px 0 0 0 0px; height: auto; line-height: 1.6em; } .footer-credit span { background: 0;float:left; padding: 12px 0; text-align:left; font-size: 0.6875em; text-transform: none;} .footer-credit span a { text-decoration:none; border: 0;} .footer-credit span a:hover { text-decoration:underline; } .footer-credit-wrapper a img { display: inline; } /* Scroll to Top */ #back-top { position: fixed; bottom: 11px; margin-left: 820px; } #back-top a {color: #5d432a; text-decoration:none; display: block; /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #c7db49; } #back-top span { width: 30px; height: 30px; display: block; margin: 20px 0px; background: rgba(161, 137, 115, 0.5) url(images/scroll_top.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: rgba(199, 219, 73, 0.3); } /*------------------------------------------------------------------ 5. WIDGETS ------------------------------------------------------------------*/ .bnk-widget, .bnk-footer-widget { clear: both; margin: 0 1.5em 1em 0; } .bnk-widget .widget-title { text-align: left; background: 0; font-weight: normal; text-transform:none; font-size: 17px; height: 20px; padding-top: 20px; margin-bottom:.5em; } .bnk-widget ul { margin: 0; } .bnk-widget ul ul { margin-left: 1.5em; } .bnk-widget ul li { color: #5d432a; font-size: 14px; list-style-type: none; /*padding: 7px 20px 8px 20px; border-bottom:1px solid rgba(0, 0, 0, 0.1); */ padding: 6px 0; border-bottom: 0;} .bnk-widget ul > :first-child { /* border-top:1px solid rgba(0, 0, 0, 0.1); */border-top: 4px;} .bnk-widget a { font-weight: bold; color: #5d432a; } .bnk-widget a:hover { color: #c7db49; text-decoration:none; } .bnk-footer-widget { color:#c2b4a2; font-size: 0.8em; } .bnk-footer-widget .widget-title { text-transform: none; font-size: 16px; margin-bottom:0.5em; color:#c7db49; font-weight:normal; } .bnk-footer-widget ul { margin: 0; } .bnk-footer-widget ul ul { margin-left: 0em; } .bnk-footer-widget ul li { background: url(../img/list-bullet-footer.png) no-repeat 0 4px; list-style-type: none; padding: 0 0 4px 20px; } .bnk-footer-widget a { color:#c2b4a2; text-decoration:none; } .bnk-footer-widget a:hover { text-decoration:underline; color:#ebeb7c; } /* Search Widget */ .widget_search form { margin: 0 0 1.625em; } .widget_search #s { width: 55%; } .widget_search #searchsubmit { background: #d8c8b5; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); } .widget_search #searchsubmit:active { background: #c7db49; border-color: #5d432a; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); color: #d8c8b5; } /* Custom Menu & Pages */ .widget_nav_menu ul, .widget_pages ul { margin-left:0px;} .widget_nav_menu ul ul, .widget_pages ul ul { margin-left:6px;} .widget_nav_menu ul li, .widget_pages ul li { border-bottom: 1px solid #2a2e2f; margin: 10px 0; background: 0; padding: 0 0 12px 0px; } .widget_nav_menu ul > :first-child, .widget_pages ul > :first-child { border-bottom: 1px solid #2a2e2f; } .bnk-footer-widget.widget_nav_menu ul, .bnk-footer-widget.widget_pages ul { margin-left:0 } .bnk-footer-widget.widget_nav_menu ul li, .bnk-footer-widget.widget_pages ul li { background: url(../img/list-bullet-footer.png) no-repeat 0 4px; } /*Twitter widget*/ .tweet_list li a { color: #86951a; } /* Testimonial Widget*/ .testimonials-container { background-color: #FFF; padding: 0; border: 0; border-radius: 5px; box-shadow: none; } .testimonials-container h3 { margin-bottom: 0.5em; text-transform:none; text-align:left;} .testimonials-container h3 a { font-weight:normal; color:#86951a; } .testimonials-content p:before { background: url("../img/quote.png") no-repeat; content: " "; display: block; float: left; height: 14px; padding-right: 0px; position: relative; top: 4px; width: 11px; } .testimonial-title { color: #86951a; } /* Single Post Widget */ .bnk_widget_single_post h3 a:hover { color: #ebeb7c; } .bnk_widget_single_post a.cta { color:#c7db49;} .bnk_widget_single_post a.cta:hover { color:#ebeb7c; text-decoration:underline;} /*------------------------------------------------------------------ 6. HOME PAGE ------------------------------------------------------------------*/ .home-page-intro .intro .entry-content { color: #5d432a; margin-bottom: 1em; } .entry-content {border: #FFF 0;background: #fff; !important;} .cta-intro:hover { color:#ebeb7c; } /*------------------------------- Profiles -------------------------------*/ .profile-post h4 a { color: #c7db49;} .profile-post h4 a:hover { color: #ebeb7c; text-decoration:none;} .profile-image img { border: 1px solid #d8c8b5; } /*------------------------------------------------------------------ 7. SECTION ------------------------------------------------------------------*/ .page-title { font-size: 1.875em; padding: 0; /*rem fallback */ padding: 0.em 0rem; text-transform:none; margin-bottom:.5em; background-color: #FFF; line-height: 1em; } .module { background: #000 rgba(255, 255, 255, 1); border: 0; padding: 0px 30px 0 0; } #pre-header { background: #000; padding: 0; border-bottom: 0; } .no-rgba .module { background: #FFF; border: 0px solid #fff;} .blog-module { margin:0; } .blog-module .article { margin:0; } /*------------------------------- Single content for Post and Page -------------------------------*/ .singular #author-info { border-top:1px solid #d8c8b5 ;border-top:1px solid rgba(216, 200, 181, 0.1); } #author-link a:hover { color:#c7db49;} /*------------------------------- Blog -------------------------------*/ .entry-title a { color:#86951a;} .entry-title a:hover { color:#c7db490; } .entry-meta { color: #a38973;} .cat-links a, .tag-links a {font-size: 12px; padding: 1px; background: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-transform: lowercase; margin-top:14px; color: #a38973; } .cat-links a:hover, .tag-links a:hover { color: #86951a; background: 0; } /*------------------------------- Comments -------------------------------*/ .commentlist .children li.comment, .comment-content { background: #fff; border: 1px solid #d8c8b5; } .comment-meta { color: #86951a ;} .author-meta a {font-weight: normal; color:#a38973;} .author-meta .fn a { color:#a38973; margin-right: .5em;} #respond input#submit {background: #d8c8b5; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); } #respond input#submit:active, #respond input#submit:hover { background: #c7db49; } /*------------------------------------------------------------------ Extra Styling ------------------------------------------------------------------*/ .highlight { color:#c7db49 !important;} .error { color: #c7db49; padding: 0; margin: 0; } .success { color: #c7db49; font-style: italic; } .module {border: #FFF 0;background: #fff; !important; } .col_4 h3 label { text-align: left; background: 0; font-weight: normal; text-transform:none; font-size: 17px; height: 20px; padding-top: 20px; margin-bottom:.5em; color: #86951a; float: none;} .subscribe-text p {margin-bottom: 0; color: } /*------------------------------- Gallery -------------------------------*/ .gallery_module { overflow:hidden; border: 1px solid #d8c8b5; } .gallery_module img, #image_slideshow img { } /*------------------------------------------------------------------ 10. MEDIA QUERIES ------------------------------------------------------------------*/ @media only screen and (max-width: 767px) { body { margin-top: -1.5em; } #site-description { margin-top: 0em; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { body { } #site-description { font-size: 1.25em; margin: 0 0 -1em .5em;} } /* Print Styles */ @media print { /*body { background:white; color:black; margin:0 } h2 { font-size: 18px; } #site-description { font-size: 20px; line-height: 110%; margin-top: 1em; width: 60%; } p { font-size: 12px; } .sf-menu a { font-size: 8px; line-height: 110%; } */ }