/*
 Theme Name:   Argonaut CHILD
 Theme URI:    http://www.wdev4.com/1
 Description:  Argonaut Child - This theme is dependent on its Parent Theme. Do NOT Delete the Parent Theme.
 Author:       Zakery Kates
 Author URI:    
 Template:     argonaut-BASE
 Version:      1.0.0
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700,300);
@import url(//fonts.googleapis.com/css?family=Merriweather:400,400italic,700,900,700italic,300);
/* ==== normalize ========================================================== */
@import url('css/normalize.css');
/* =============================================================================
----------- General Content -----------
========================================================================== */
/*links */
a { color: #760c16; text-decoration: none;}
a:hover { color: #760c16; text-decoration: underline;}
a:focus { outline: thin dotted; }
/* Also: Customize the background color to match your design */
::-moz-selection { background: #1081c5; color: #fff; text-shadow: none; }
::selection { background: #1081c5; color: #fff; text-shadow: none; }
/* Block Quotes */
blockquote {background: #efefef; color: #444;  padding: 20px; display: block; width: 80%; margin: 0 auto 10px; font-style: italic;}
blockquote p:last-child {margin: 0 ; padding: 0 ; }

body { font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 1.8em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";}
.container {width: 1024px; max-width: 1024px; width: 100%; padding: 0 12px; margin: 0 auto; position: relative;}

h1, h2, h3 {}
p {}

img.alignright {display: block; float: right; margin: 0 0 10px 10px;  max-width: 100%; }
img.alignleft {display: block; float: left; margin: 0 10px 10px 0 ;  max-width: 100%; }
img.aligncenter {display: block; margin: 0 auto 10px; width: 90%; height: auto; clear: both; max-width: 100%;  }
img.size-large {width: 40%; height: auto;  }
img.size-full {width: 40%; height: auto; }
img.size-medium {width: 40%; height: auto; }
img.size-thumbnail {width: 40%; height: auto; }
img.aligncenter.size-large, img.aligncenter.size-full, img.aligncenter.size-medium, img.aligncenter.size-thumbnail {width: 90%; height: auto; clear: both; } 

div.wp-caption {padding: 8px; background: #efefef; text-align: center; font-style: italic; }
p.wp-caption-text {padding: 0px; margin: 0 auto !important;}

div.wp-caption.alignright {display: block; float: right; margin: 0 0 10px 10px;  height: auto; }
div.wp-caption.alignleft {display: block; float: left; margin: 0 10px 10px 0 ;  height: auto; }
div.wp-caption.aligncenter {display: block; margin: 0 auto 10px; width: 90%; height: auto; clear: both; }
div.wp-caption p.wp-caption-text {margin: 0 ; padding: 0 ; }
div.wp-caption img, div.wp-caption.alignright img, div.wp-caption.alignleft img, div.wp-caption.aligncenter img {width: 100%; height: auto; margin: 0 auto 5px; }

@media (max-width: 480px) {
img.size-large, img.size-full, img.size-medium, img.size-thumbnail, 
img.aligncenter.size-large, img.aligncenter.size-full, img.aligncenter.size-medium, 
img.aligncenter.size-thumbnail,
img.alignright, img.alignleft, img.aligncenter {
    width: 90% !important; height: auto !important; float: none !important; display: block !important; margin: 0 auto 10px !important; clear: both; 
    }
div.wp-caption {    width: 90% !important; height: auto ; float: none  !important; display: block; margin: 0 auto 10px  !important; clear: both; }
}

a.button {color: #fff; background: #760c16; }
a.button:hover {color: #fff; background: #760c16; text-decoration: none; }
/* =============================================================================
----------- HEADER -----------
========================================================================== */
div.top-bar {background: #760c16; padding: 8px 0; font-size: .9em; }
div.top-bar .top-bar-left {float: left; }
div.top-bar a.tel {display: inline-block; *display: inline; *zoom: 1; color: #fff; text-decoration: none; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #fff; }
div.top-bar a.tel:hover {text-decoration: underline; }
div.top-bar a.mailto {display: inline-block; *display: inline; *zoom: 1; color: #fff; text-decoration: none;  }
div.top-bar a.mailto:hover {text-decoration: underline; }

form#searchform {float: right; }
#searchform input {padding: 3px 5px;}

header {padding: 15px 0 0 0;}
header img#logo {float: left; width: 33%; }
 
.slider {width: 100%; max-width: 1200px; margin: 0 auto; }
 
div.website-tag-line {background: #363636; padding: 15px 0 ; font-family: 'Merriweather', serif; font-size: 1.5em; line-height: 1.5em; text-align: center; color: #fff; margin: 0 0 10px 0;}
div.website-tag-line span {display: inline-block; *display: inline; *zoom: 1; padding: 0 7px;}

/* NAVIGATION */
header nav {width: 67%; float: right; margin: 30px 0 0 0;}
header nav ul {}
header nav ul li { position: relative; display: inline-block; *display: inline; *zoom: 1;  }
header nav ul li a {text-decoration: none; display: block; padding: 7px 12px 21px;  color: #040404;}
header nav ul li a:hover {background: #760c16; color: #fff; text-decoration: none; }

header nav ul ul {display: none; position: absolute; z-index: 999;  }
header nav ul li:hover ul {display: block; position: absolute; width: 250px; background: #efefef;}
header nav ul ul li a {padding: 7px 12px;}
header nav ul li:hover ul li {width: 100%;}
header nav ul li:hover ul li a:hover {background: #760c16;}


@media (max-width: 960px) {
header nav {width: 63%; float: right; margin: 20px 0 0 0;}
}


@media (max-width: 767px) {
div.top-bar .top-bar-left {float: none; text-align: center; }
form#searchform {display: none;  }
header img#logo {float: none; width: 90%; display: block; margin: 0 auto 10px; max-width: 296px; max-height: 57px;}
header nav {width: 100%; float: none; margin: 0 auto 10px; text-align: center; }
}



/* =============================================================================
----------- INTERIOR PAGES -----------
========================================================================== */
.page-content {padding: 0 0 20px 0;}
.page-content h1, .page-content h2 {margin: 0 0 10px 0; line-height: 1em;}
.page-content h3 {margin: 0 0 5px 0; line-height: 1em;}
.page-content p {margin: 0 0 10px 0;}

/* HOME PAGE */
div.home-page-services-list {display: flex; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 15px 0 ;}
div.home-page-services-list article {width: 24%; margin: 0 1% 10px 0; float: left; color: #fff; padding: 15px 10px 25px; position: relative;}
div.home-page-services-list article a {color: #fff;}
div.home-page-services-list article a.read-more {position: absolute; bottom: 5px; right: 15px ; }

div.home-page-services-list article.data-information-management { background: #21362a;  }
div.home-page-services-list article.investigations {background: #db8721;}
div.home-page-services-list article.risk-management {background: #931939;}
div.home-page-services-list article.legal-photography {background: #43263b;}

div.home-page {width: 75%; float: left; padding: 0 5% 0 0;}

div.testimonials  {width: 25%; float: left; padding: 0 5% 0 0; }
div.testimonials article {margin: 0 0 15px 0; }
div.testimonials article strong, div.testimonials article em {display: block; }


@media (max-width: 960px) {
div.home-page-services-list article {width: 49%;}
}

@media (max-width: 767px) {
div.home-page, div.testimonials {float: none; width: 100%; padding: 0 5%; margin: 0 auto 10px;}
}

@media (max-width: 480px) {
div.home-page-services-list article {width: 98%; float: none; display: block; margin: 0 auto 10px;}
}


/* FULL PAGE */

.full-page {width: 100%; padding: 0 0 15px 0;}

/* SECOND SECTION */

section.second-section {background: #777; padding: 20px 0; color: #fff;}

/* PAGE SIDEBAR - SECTION SIDEBAR */
div.flex-wrap {display: flex; display: -webkit-flex; }
.page-with-sidebar {width: 60%; float: right;  }
section.sidebar {width: 35%; margin: 0 5% 0 0 ; padding: 20px; float: left; -webkit-order: -1; order: -1; }

@media (max-width: 767px) {
div.flex-wrap {display: block;}
.page-with-sidebar, section.sidebar  {width: 100%; padding: 20px; margin: 0 auto 15px; float: none;  }
}

/* CONTACT PAGE */
/*Google iFrame Responsive */
.iframe-rwd  {
float: left; width: 100%;
position: relative;
padding-bottom: 30%;
margin: 0 auto 15px;
padding-top: 30px;
height: 0;
overflow: hidden;
z-index:5;
overflow:hidden;
clear:none;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.gallery-caption {}


/* =============================================================================
----------- ASIDE -----------
========================================================================== */
aside { width: 20%; float: left; }

/* =============================================================================
----------- BLOG -----------
========================================================================== */
div.base-theme-archive-page {width: 80%; float: left; padding: 0 5% 0 0; }

div.next-posts {float: right; } 
div.prev-posts {float: left; }

.sticky {}
.bypostauthor {}

/* =============================================================================
----------- FOOTER -----------
========================================================================== */
footer {background: #363636; color: #fff; padding: 20px 0 ;  }
div.footer-content {display: flex; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
footer article:first-child {flex: 2; -webkit-flex: 2; }
footer h4 {margin: 0 0 10px 0;}

footer article {width: 32%; margin-right: 1%; float: left; padding: 0 5% 0 0;  flex: 1; -webkit-flex: 1;}

footer a {color: #fff; } 
footer img#logo { width: 100%%; }

footer nav ul {padding: 0 0 0 30px;}
footer nav ul li a:hover {color: #db8721; text-decoration: none; } 

footer article a.tel, footer article a.mailto, footer article p {line-height: 1.5em; margin: 0 0 10px 0; display: block;}
footer article a.tel:hover , footer article a.mailto:hover {color: #db8721; text-decoration: none; } 
.copyright {color:#db8721;}

@media (max-width: 767px) {
footer article {float: none; flex: 100%; -webkit-flex: 100%;  width: 100%; padding: 0 5%; margin: 0 auto 10px;}
}
/* =============================================================================
----------- Short Codes -----------
========================================================================== */
.third {width: 32%; float: left; padding: 0 5% 0 0 ; margin: 0 1% 15px 0; }

.fifty {width: 49%; float: left; padding: 0 5% 0 0; margin: 0 1% 15px 0;}

@media (max-width: 767px) {
.third, .fifty  {width: 100%; float: none; padding: 0 15px; margin: 0 auto 15px; }
}
/* =============================================================================
----------- BLANK -----------
========================================================================== */

/* =============================================================================
----------- BLANK -----------
========================================================================== */

/* =============================================================================
----------- BLANK -----------
========================================================================== */


/* =============================================================================
----------- SHORTCODES -----------
========================================================================== */



/* =============================================================================
----------- BUTTONS -----------
========================================================================== */