/*
Theme Name:     Future Lawyer (child theme)
Description:    Child theme based on Trope for Future Lawyer
Author:         Howard Richardson
Template:       trope
Version:        3.0
*/


/* GLOBALS */

html {
   --main-side-gutter: 30px;
   --footer-color: #002a32;
   --column-gap: 25px;
}

body {
   font-family: "Roboto Slab", serif;
   font-weight: 300;
   color: #313337;
   font-size: 19px !important;
   background: #f2f0ef url('background_colour.jpg');
}

body *:focus {
   outline-width: 3px;
   outline-color: #538b8b;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Yanone Kaffeesatz";
   /* font-family: "Kurale"; */
   font-weight: 400;
}


.accessibility,
.offscreen,
.screen-reader-text {
   position: absolute;
   top: -5000px;
   left: -5000px;
   display: inline;
}

h1 {
   font-size: 200%;
   line-height: 1.2;
}

h2 {
   font-size: 180%;
}

h3 {
   font-size: 150%;
}

h2.wp-block-heading {
    margin-top: 2em;
}

figcaption,
.serendipity_imageComment_txt {
   font-style: italic !important;
   font-family: Helvetica, Arial, sans-serif !important;
   font-size: 90% !important;
   font-weight: 300 !important;
}

.serendipity_imageComment_left {
   float: left;
   margin: 1em
}

.serendipity_imageComment_right {
   float: right;
   margin: 1em
}

a,
.entry-meta a,
.nav-links a {
   color: #006d6b;
   text-decoration: none;
   font-size: 100%;
}

#footer a,
#footer .nav-links a {
   color: #00b4b3
}

.entry-summary p a,
.entry-content p a,
.entry-summary ul li a,
.entry-content ul li a {
   text-decoration: none;
}

a:hover,
.entry-summary p a:hover,
.entry-content p a:hover,
.entry-summary ul li a:hover,
.entry-content ul li a:hover {
   /*text-decoration: underline;*/
   background-color: #ddf1f1;
   color: #538b8b;
}

.entry-title {
   font-weight: 400;
}

.entry-title a {
   display: block;
}

.entry-title a:hover {
   background-color: unset;
   color: unset;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
   background: #00B4B3;
   /* Old browsers */
   background: -webkit-linear-gradient(top, #00B4B3 0%, #00B4B3, 100%);
   /* Chrome 10+, Safari 5.1+ */
   background: linear-gradient(to bottom, #e05d22 0%, #00B4B3, 100%);
   /* W3C */
   border: none;
   border-bottom: 3px solid #00B4B3;
   border-radius: 2px;
   color: #fff;
   display: inline-block;
   padding: 7px 25px 7px;
   text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
   background: #46D4DB;
   /* Old browsers */
   background: -webkit-linear-gradient(top, #46D4DB 0%, #46D4DB 100%);
   /* Chrome 10+, Safari 5.1+ */
   background: linear-gradient(to bottom, #46D4DB 0%, #46D4DB 100%);
   /* W3C */
   outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
   background: #00B4B3;
   /* Old browsers */
   background: -webkit-linear-gradient(top, #00B4B3 0%, #00B4B3 100%);
   /* Chrome 10+, Safari 5.1+ */
   background: linear-gradient(to bottom, #00B4B3 0%, #00B4B3 100%);
   /* W3C */
   border: none;
   border-top: 3px solid #00B4B3;
   padding: 10px 24px 11px;
}

blockquote {
   border-left: 4px solid #60a1a1
}

/* HEADER */

#header {
   border-bottom: 0;
}


/*
 * 
 * Old pre 2022 banner style
 * 
.header-banner {
    background-color: #fff;
    text-align: center;
}


.header-banner img {
   border-top: 85px solid #00b4b3;
}

.header-banner .banner-img {
    margin:auto;
}

*/


.header-banner {
   position: relative;
   overflow: hidden;
   height: 535px;
   background-color: #1eb3b4;
   background: url('/wp-content/themes/new_future_lawyer/sky.png');
}

.header-banner img {
   height: 535px;
   max-width: none;
   position: absolute;
   top: -9999px;
   bottom: -9999px;
   left: -9999px;
   right: -10023px;
   /* the difference between left and right here affects the horizontal centering of the banner */
   margin: auto;
   display: block;
   border-top: 85px solid transparent;
   /* this gives space for the overlaid nav bar*/
   box-sizing: border-box;
}


/* move the tiny caption to the bottom for this site */
#navcontainer .containerCaption {
   display: none;
}

#navcontainer .containerCaption.bottom_alternative {
   display: block;
}



#site-title a {
   color: #ccc
}

.content_begin {
   border-top: 0;
   margin-top: 0;
}

#navcontainer {
   background-color: #fff;
   border-bottom: 1px solid black;
   /*left: 50%;
   margin-left: -317px;*/
   /* background-color: rgba(0,0,0,0.2);*/
}

#navcontainer.shadow a .sitename {
   color: unset;
}



#mobiletest {
   float: left;
}

#topnavigation .navitem a h2 {
   font-weight: 600;
}

/* SIDEBARS */

#sidebar {
   float: left;
}

#sidebar .widget {
   padding: 3% 6%;
   border-right: 0;
   border-bottom: 0;
}

.columnad {
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
}

.columnad.bordered a img {
   border: 1px solid #aaa;
}

.widget .post_tags {
   font-weight: 600;
   padding-bottom: 20px;
   padding-top: 10px;
   padding-left: 30px;
}

#sidebar .widget_search {
   padding-left: 35px;
   padding-top: 49px;
}



/* CONTENT */

#content {
   padding-left: 0;
   padding-right: 0;
}

.single #content,
.page-id-12452 #content {
   float: left;
}

/* Listings */
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
   max-width: none;
}

.entry-wrapper {
   cursor: pointer;
   float: left;
}

.entry-title {
   line-height: 1.17;
   margin: 0;
   float: none;
   padding-bottom: 26px;
   width: auto;
   height: auto;
   font-style: normal;
}

.entry-header .entry-title {
   font-style: italic;
}


.entry-title a:hover,
.entry-title.hovered a {
   text-decoration: underline;
}

.entry-thumbnail {
   width: 100%;
   float: none;
   overflow: hidden;
}

.entry-thumbnail img {
   border-radius: 0;
   margin: 0;
   max-width: 320px;
}

.entry-date-sidebar {
   font-weight: 600;
   color: #F1FFF4;
   position: absolute;
   top: 0;
   right: 15px;
   float: right;
   background: #df1b67;
   padding: 0.1em 0.3em 0.2em 0.3em;
   line-height: 1;
   /*font-size: 2rem;
   font-family: "Yanone Kaffeesatz";*/
   font-size: 1.3rem;
   font-family: "Roboto slab";
}


.entry-overlay {
   /* background: rgba(21, 52, 49, 1);
    position: absolute;
    bottom: 30px;
     overflow: hidden; */
   width: 100%;
   box-sizing: border-box;
}

.entry-content p,
.entry-summary p,
.entry-summary div {
   font-size: 100%;
   line-height: 1.5;
}

.clr {
   clear: both;
}

#sidebar .widget-title {
   display: none;
}

.form-submit #submit {
   color: #1d1d1d;
   font-weight: bold;
   min-width: 300px;
}

.comment-form input {
   min-width: 300px;
}

/* Archives (by tag, category, date etc) */

.archive .archive-title {
   margin-left: 15px;
}

/*
.archive .entry-date-sidebar {
   display: none;
}*/

.archive .entry-title {
   line-height: 1.2;
}

.archive .entry-overlay {
   bottom: 33px;
   padding-right: 0;
}

.archive .entry-thumbnail {
   min-height: 220px;
}


/* Tag cloud */

.widget_tag_cloud {
   font-weight: 400;
}


/* Comments */

.comments-area {
   margin-left: 15px;
   margin-right: 15px;
}

footer.comment-meta {
   background: unset;
   box-shadow: unset;
   color: unset;
   padding-top: 0;
   margin-top: 0;
}

li.comment {
   border-left: 6px solid #00b4b3;
}

ol.comment-list {
   border-top: 0;
}


/* Pages (single post)*/

.post-single .entry-title,
.post-single .entry-title a {
   color: #141412;
}

.post-single .entry-title,
.post-single .entry-title {
   border-left: 6px solid #DF1275;
   padding-left: 15px;
   margin-bottom: 0.5em;
   font-style: normal;
}

.wp-caption .wp-caption-text {
   font-size: 80%;
   color: #000;
}

div.wp-caption {
   margin-top: 1em;
}

.entry-meta {
   color: #555;
   font-size: 1em;
   line-height: 1.4;
   font-style: normal;
   font-weight: 700;
   font-family: unset;
   letter-spacing: unset;
}

.post-single .entry-header {
   margin-bottom: 20px;
}

.post-single .entry-tags {
   background-color: #eee;
   padding: 20px;
   padding-top: 17px;
   margin-top: 20px;
}

.post-single .entry-title a:hover {
   text-decoration: none;
}

.meta-nav {
   color: unset;
}

/* FOOTER */

footer {
   background-color: #1D1D1D;
   box-shadow: 0 1000px 0 1000px #1D1D1D;
   max-width: 2085px !important;
}

footer {
   color: #fff;
   padding-bottom: 2em;
}

footer,
footer p {
   font-size: 90%;
}

footer ul {
   list-style-type: none;
   padding: 0;
}

#footer .copyright {
   margin-top: 1em;
}

#footercredits {
   margin-top: 14px;
}

#footercredits .widget_search {
   margin-top: 20px;
}

.widget_search .search-form button {
   height: unset !important;
   padding: 2px 10px;
}

.widget_search .search-form button span {
   display: block;
   background: #fff;
}

#footer .widget_search .search-form {
   text-align: left;
   margin-left: 0;
}

.search-button {
   background: #fff;
}

.widget_search .search-form,
.page-content .search-form {
   position: relative;
   margin: auto;
   text-align: center;
}

.archive .archive-title,
.search-results .page-title {
   margin-left: 15px;
}


#footer ul.category_list {
   margin-bottom: 1em;
}

#footer ul.category_list li {
   display: inline-block;
}



#footer ul.category_list li:after {
   content: '\b7'
}

#footer ul.footer-link-list li {
   border-bottom: 1px dotted #707070;
}

#footer ul.footer-link-list li a {
   padding: 10px 0;
   display: block;
}

#footer a:hover {
   background: #4c4c4c;
}

#footer section {
   float: left;
}
