/** Theme Information ****************
Theme Name: RKR
    Author: Sean Hamill - Clicapic Media
Author URI: http://www.clicapic.com
**************************************/

/** Fonts ****************************/
@font-face {
    font-family: 'WalkwaySemiBoldRegular';
    src: url('fonts/Walkway_SemiBold-webfont.eot');
    src: url('fonts/Walkway_SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Walkway_SemiBold-webfont.woff') format('woff'),
         url('fonts/Walkway_SemiBold-webfont.ttf') format('truetype'),
         url('fonts/Walkway_SemiBold-webfont.svg#WalkwaySemiBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** CSS Reset ************************/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video              { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section    { display: block; }
body                                  { line-height: 1; }
ol, ul                                { list-style: none; }
blockquote, q                         { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after                     { content: ''; content: none; }
table                                 { border-collapse: collapse; border-spacing: 0; }
a                                     { text-decoration: none; outline: none; }

/** Main *****************************/
html, body                            { height: 100%; font-family: 'DroidSansRegular'; color: #25282a; font-smooth: always; }
.wrapper                              { width: 85%; min-width: 1000px; max-width: 1300px; margin: 0 auto; }
a                                     { color: #25282a; }
a:hover                               { color: #000; } 
strong                                { font-family: 'DroidSansBold'; font-weight: normal; }

/** Header ***************************/
header                                { padding: 20px 30px; font-family: 'WalkwaySemiBoldRegular'; color: #555; }
header h1                             { font-weight: normal; text-transform: uppercase; font-size: 2em; float: left; margin: 32px 0 0 20px; }
header .logo                          { float: left; }
header .contact                       { float: right; font-size: 2em; margin: 32px 0 0 0; }
header .social                        { float: right; width: 16px; height: 16px; margin: 0 0 0 5px; padding: 0;  }

/** Alignment ************************/
.left                                 { float: left; padding-right: 20px; -moz-box-sizing: border-box; box-sizing: border-box; } 
.right                                { float: right; padding-left: 20px; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear                                { clear: both; }

/** Widths ***************************/
.w20                                  { width: 20%; }
.w30                                  { width: 30%; }
.w40                                  { width: 40%; }
.w50                                  { width: 50%; }
.w60                                  { width: 60%; }
.w70                                  { width: 70%; }
.w80                                  { width: 80%; }

/** Banner ***************************/
#banner                               { max-height: 250px; background: #dfe4e6 url('img/banner.jpg') center center no-repeat; background-size: cover; border-bottom: solid 1px #777669; border-top: solid 1px #777669; margin-bottom: 20px; }
#banner img                           { width: 100%; height: auto; } 

/** Main Menu ************************/
#main-menu                            { min-width: 180px; width: 20%; }
#main-menu li                         { font-family: 'WalkwaySemiBoldRegular'; color: #25282a; text-transform: uppercase; font-size: 1.1em; margin-bottom: 20px; position: relative; }
#main-menu li ul                      { display: none; }
#main-menu li.current_page_item ul,
#main-menu li.current_page_parent ul  { display: block; }
#main-menu li li                      { font-family: 'DroidSansRegular'; text-transform: none; font-size: 0.7em; margin: 8px 0 0 5px; }
#main-menu li li:first-child          { margin-top: 13px; }
#main-menu li a:hover                 { color: #da2066; text-decoration: underline; } 
#main-menu li .toggle                 { position: absolute; width: 8px; height: 8px; padding: 4px; top: 2px; left: -19px; background: url('img/toggle.png') center center no-repeat; cursor: pointer; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#main-menu li.open .toggle            { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90); }

/** Sidebar **************************/
#sidebar                              { min-width: 200px; width: 20%; margin-bottom: 20px; }

/** Showcase *************************/
#showcase                             { background: #25282a; padding: 15px; color: #fff; margin-bottom: 1px; }
#showcase h1                          { font-family: 'WalkwaySemiBoldRegular'; text-transform: uppercase; font-size: 1.1em; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: solid 1px #4f912f; } 
#showcase h2                          { margin: 10px 0; font-family: 'DroidSansBold'; }
#showcase img                         { width: 100%; height: auto; }
#showcase p                           { font-size: 0.8em; line-height: 1.2em;}
.read-more a                          { display: block; color: #fff; padding: 8px 15px 8px 30px; font-size: 0.9em; background: #4f912f url('img/read-more.png') 15px center no-repeat; font-family: 'WalkwaySemiBoldRegular'; text-transform: uppercase; }

/** Content **************************/
#main-column                          { float: left; max-width: 60%; -moz-box-sizing: border-box; box-sizing: border-box;  }
#content h2                           { font-size: 2.8em; line-height: 1.3em; }
#content h3                           { font-size: 1.6em; line-height: 1.3em; }
#content h3 a:hover                   { color: #da2066; text-decoration: underline; } 
#content p                            { margin: 1em 0; line-height: 1.3em; text-align: justify; }
#content p:first-child                { margin-top: 0; }
#content ul                           { list-style-type: disc; line-height: 1.3em; margin-bottom: 30px; }
#content ul li                        { margin: 5px 0 5px 30px; }

/** Projects *************************/
.project                              { margin: 10px 0; } 
.project img                          { display: block; margin: 15px auto; max-width: 100%; height: auto; border: solid 1px #777669; } 
.project hr                           { margin: 10px 0; height: 1px; border: 0; background: #4f912f; }
.post-preview img                     { margin: 0 15px 8px 0; float: left; }
.post-preview a:hover img             { border-color: #da2066; }

/** Breadcrumbs **********************/
#breadcrumbs                          { list-style-type: none; font-size: 0.8em; margin-bottom: 15px; }
#breadcrumbs li                       { display: inline-block; margin-right: 3px; }
#breadcrumbs li:after                 { content: " /"; }
#breadcrumbs li:last-child:after      { content: ""; }
#breadcrumbs a                        { color: #4f912f; }
#breadcrumbs a:hover                  { color: #da2066; text-decoration: underline; }

/** Contact Form *********************/
.wpcf7 p                              { margin: 8px 0 0 0 !important; }
.cf-column                            { float: left; padding: 0 30px 0 0; min-width: 250px; box-sizing: border-box;  } 
label                                 { font-size: 0.9em; }
input[type=text], 
select,
textarea                              { width: 100%; background: #dfe4e6; border: solid 1px #777669; padding: 3px; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
select                                { box-sizing: content-box; } 
textarea                              { height: 130px; }
input[type=text]:focus,
select:focus,
textarea:focus                        { background: #f8f8f8; border-color: #4f912f; outline: none; box-shadow: 0px 0px 4px #4f912f; }
input[type=submit]                    { width: 160px; height: 42px; margin-top: 5px; }
.wpcf7-form-control-wrap.your-message { display: block; }
span.wpcf7-not-valid-tip              { width: auto; height: 10px; left: auto; top: 0px; right: 4px; background: #c00; border: 0; 
padding: 3px 5px; color: #fff; font-size: 10px; text-transform: uppercase; }
.your-message span.wpcf7-not-valid-tip{ top: 4px; right: -4px; } 
#content p span.wpcf7-not-valid-tip   { line-height: 1em; }
div.wpcf7-response-output             { margin: 20px 20px 0 0; padding: 5px 5px 3px 5px; border: 0; font-size: 11px; text-transform: uppercase; }
div.wpcf7-mail-sent-ok                { background: #4f912f; color: #fff; }
div.wpcf7-validation-errors           {	background: #f7e700; font-size: 11px; text-transform: uppercase; }


/** Footer ***************************/
footer                                { position: relative; background: #25282a; border-top: solid 1px #000; padding: 10px 30px; color: #fff; }
footer .logo                          { position: absolute; right: 42px; top: -64px; padding: 20px; background: #fff; }
footer a                              { color: #fff; }
footer a:hover                        { color: #95bd82; text-decoration: underline; i}       
#footer-menu                          { margin: 0 20%; width: 60%; }
#footer-menu td                       { width: 25%; }
#footer-menu td:first-child           { margin-left: 0; margin-right: 10px; } 
#footer-menu tr.links td              { padding-bottom: 20px; }
#footer-menu h1                       { font-family: 'WalkwaySemiBoldRegular'; text-transform: uppercase; font-size: 1em; margin: 0 20px 10px 0; padding: 0 0 5px 0; border-bottom: solid 1px #4f912f; }
#footer-menu li                       { font-size: 0.9em; margin: 0 0 6px 6px; }
#credits                              { border-top: solid 1px #4f912f; color: #fff; margin: 0 20%; padding: 10px 0 0 0; font-size: 0.6em; text-transform: uppercase; }
#credits a                            { color: #fff; }
#contact-details                      { float: right; margin: 20px 20px 0 20px; }
#contact-details p                    { font-size: 0.8em; margin: 65px 0 0 75px; line-height: 1.5em; }