/*
Theme Name: Ballyhoo
Theme URI: http://ballyhoo.calumchilds.com
Description: A simple yet highly customisable theme for beginners to WordPress. You can change as much or as little about it as you like without any coding knowledge. Passes WCAG 2.0 Level AA accessibility standards on all built-in features/colour schemes etc.
Version: 1.0.0
Author: Calum Childs
Author URI: http://calumchilds.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ballyhoo
Tags: custom-background, custom-colors, custom-header, blog, two-columns, right-sidebar
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
    font-family: 'Open Sans', 'Arial', sans-serif;
}
p {
    font-size: 18px;
}
.post-title, 
.category-header {
    font-weight: 300;
    font-size: 40px;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}
h1.post-title {
	text-decoration-color: transparent;
	
}
/* Buttons and Links */

.button,
button,
input[type="submit"] {
    padding: 8px 16px;
    border: 2px solid #111111;
    border-radius: 6px !important;
    color: #111111;
    text-decoration: none;
    transition: all 0.6s ease 0s;
    font-size: 18px;
    margin-bottom: 5px;
    background-color: transparent;
	margin-top: 5px;
}
.button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #111111;
    color: white;
    transition: all 0.6s ease 0s;
}
.button.cta,
button.cta {
    background-color: #111111;
    color: white;
}
.button.cta:hover,
button.cta:hover {
    background-color: transparent;
    color: #111111;
}
a:not(button) {
    color: #111111;
}
a:not(button):hover {
    text-decoration: none;
}

/* End Buttons and Links */

/* Body Elements */
strong {
    font-weight: 700;
}
input[type="text"],
input[type="number"],
textarea,
input[type="email"],
input[type="url"],
input[type="search"] {
    font-family: 'Open Sans', Arial, sans-serif;
    border: 2px solid #111111;
    font-size: 18px;
    font-weight: 400;
    border-radius: 6px;
    padding: 10px;
	background-color: transparent;
	transition: all 0.6s ease 0s !important;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus {
	transition: all 0.6s ease 0s !important;
}
.blockquote,
blockquote,
.wp-block-quote,
.wp-block-pullquote {
    font-size: 40px;
    font-weight: 700;
    padding: 15px !important;
    border-left: 3px solid #111111;
    position: relative;
}
blockquote p,
.wp-block-quote p,
.wp-block-pullquote {
	font-size: 30px;
}
blockquote cite,
.wp-block-quote cite {
    font-size: 20px;
    text-transform: uppercase;
	text-align: right;
}
.twitter-tweet,
.twitter-tweet p {
    border: none;
    padding: 8px 16px !important;
    margin: none !important;
    font-size: 20px !important;
}
.twitter-tweet::before {
    content: '\f099';
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    font-size: 35px;
}
blockquote.twitter-tweet p::after,
blockquote.twitter-tweet p::before {
    display: none;
}
figcaption {
    color: #757575;
}
pre {
    background-color: #111111;
    color: white;
    padding: 10px;
    overflow-x: scroll;
}
code {
    background-color: #d3d3d3;
    color: #111111;
}
ins {
    background-color: #d3d3d3;
}
table {
    padding: 5px;
}
td,
th {
    border: 2px solid #111111;
}
dt {
    font-weight: 700;
}
/* End Body Elements */

/* Post Types */

.sticky > .post-title::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f08d';
    font-weight: 900;
    padding-right: 5px;
    font-size: 85%;
}

/* End Post Types */

/* Navigation */

.navigation {
    overflow: hidden;
    margin-top: -29px;
}
.navigation ul {
    list-style-type: none;
}
.navigation a {
    float: left;
    display: block;
    color: #111111;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.6s ease 0s;
}
.navigation a:hover {
    background-color: rgba(0,0,0,0.75);
    color: white;
    transition: all 0.6s ease 0s;
}
.navigation .icon {
    display: none;
}
.navigation.responsive .fa.fa-bars::before {
    content: '\f00d' !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
@media screen and (max-width: 800px) {
    .navigation a:not(:first-child),
    .navigation li {
        display: none;
    }
    .navigation a.icon {
        float: right;
        display: block;
    }
}
@media screen and (max-width: 800px) {
    .navigation.responsive {
        position: relative;
    }
    .navigation.responsive .icon {
        position: absolute;
        right: 0;
        top: 15px;
    }
    .navigation.responsive a,
    .navigation.responsive li {
        float: none;
        display: block;
    }
}
.sub-menu { display: none;}
@media screen and (max-width: 800px) {
    .sub-menu {
        display: block;
    }
}
.email,
.facebook,
.google-plus,
.linkedin,
.pinterest,
.reddit,
.tumblr,
.twitter,
.whatsapp {
    border-color: transparent;
    background-color: transparent;
}
::selection {
    background-color: #111111;
    color: white;
}
::-moz-selection {
    background-color: #111111;
    color: white;
}
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background-color: #111111;
    color: white;
    padding: 8px 16px;
    z-index: 100;
}
.skip-link:focus {
    top: 40px;
}
.website-description,
.website-title {
	text-shadow:
    -1px -1px 0 #111,
    1px -1px 0 #111,
    -1px 1px 0 #111,
    1px 1px 0 #111;
	text-decoration: none !important;
}
.website-details {
    background-color: #111111;
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    max-width: 1400px;
    text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
    background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}
.website-details a {
	color: white;
	text-decoration: none;
}
.wp-post-image {
    width: 85% !important;
    max-width: 85% !important;
	height: 20%;
}
footer {
    margin: 10px 0;
    padding: 20px;
    background-color: #111111;
    color: white;
    align-items: center;
    text-align: center;
    display: flex;
    bottom: 0;
}
footer a {
    color: white !important;
}
footer input {
	border-color: white !important;
	color: white !important;
}
footer input[type="submit"]:hover {
	background-color: white;
	color: #111111 !important;
}
/* Overiding Gutenberg styling */
.wp-block-verse {
	color: black;
	font-family: 'Open Sans', Arial;
	background-color: transparent;
}
.wp-block-button__link {
    padding: 8px 16px !important;
    border: 2px solid #111111 !important;
    border-radius: 6px !important;
    color: #111111 !important;
    text-decoration: none !important;
    transition: all 0.6s ease 0s !important;
    font-size: 18px !important;
    margin-bottom: 5px !important;
    background-color: transparent !important;
	margin-top: 5px !important;
}
.wp-block-button__link:hover {
	background-color: #111111 !important;
    color: white !important;
    transition: all 0.6s ease 0s !important;
}
/* WordPress classes */
.aligncenter {
	align-items: center;
}
.alignleft {
	align-items: left;
}
.alignright {
	
}
.gallery-caption {
	
}
.bypostauthor {
	
}
.wp-caption {
	
}
.wp-caption-text {
	
}
.screen-reader-text {
	
}
/* END */
/* WooCommerce classes */
.col-1 {
	max-width: 100% !important;
}
.onsale {
	background-color:#dd0000 !important;
	color:#fff;
}
a.remove {
	color: #dd0000;
	padding: 0px 5px;
}
.woocommerce-store-notice {
	background-color: #111111 !important;
}
.checkout-button {
	background-color: #111111 !important;
	border-radius: 6px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border: 2px solid #111111 !important;
}
.checkout-button:hover {
	background-color: transparent !important;
	color: #111111 !important;
}
ul.woocommerce-error li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f071';
	padding-right: 5px;
}
ul.woocommerce-error {
	background-color: #dd0000;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.woocommerce-error li {
	list-style-type: none;
}
.woocommerce ul.products li.product .price {
    color: #dd0000;
    display: block;
    font-weight: 400;
    margin-bottom: 0.5em;
}
.shop-details {
	text-align: right;
	padding-right: 20px;
}
.total-price-header {
	font-size: 25px;
	font-weight: 700;
	color: black;
}
.cart-content-number {
	color: black;
}
.view-cart-button {
	padding: 0px 15px;
	text-decoration: none;
	color: black;
}
.add_to_cart_button,
.single_add_to_cart_button,
button.button {
	padding: 8px 16px !important;
    border: 2px solid #111111 !important;
    border-radius: 6px !important;
    color: #111111 !important;
    text-decoration: none !important;
    transition: all 0.6s ease 0s !important;
    font-size: 18px !important;
    margin-bottom: 5px !important;
    background-color: transparent !important;
	margin-top: 5px !important;
}
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
	background-color: #111111 !important;
    color: white !important;
    transition: all 0.6s ease 0s !important;
}
.woocommerce div.product .out-of-stock {
	color: white !important;
 	background-color: #dd0000;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	padding-left: 10px;
}
.out-of-stock::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f05e';
	padding-right: 5px;
}