/*
Theme Name: BlackCatTips 2020
Theme URI: 
Author: Artistaday.com
Author URI: https://www.artistaday.com
Description: Built exclusively for Kyle "BlackCatTips" Brooks
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bct
Tags: 
*/

html {
	height: 100%;
	
}

body {
  background-color: #f9f9f9;
  min-height: 75rem;
  padding-top: 8.5rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: rgb(122, 122, 122);
}

figure.wp-block-image img {
	height: auto;
}


@media screen and (max-width: 768px) {
	body {
		padding-top: 60px;
	}
}

@media (min-width: 1200px) {
.container {
    max-width: 1600px;
  }
}

hr {
     color: #f9f9f9;
	 width: 75%; 
     height: 1px;
}

.hr-alt  {
     background-color: #f9f9f9;
}

/* Nav */

.navbar {
	text-align: center;
	background-color: #f9f9f9;
}

.nav {
	text-align: center;
}

.nav-item {
}

.navbar-nav li a {
 line-height: 100px;

}


@media (max-width: 575.98px) {
	.navbar-nav li a {
		line-height: 50px;
	}
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(33, 33, 33, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: rgba(33, 33, 33, 1);
} 

/* Hero */

.carousel-control-next, .carousel-control-prev {
	width: 15%;
}

.carousel-caption {
}

#hero {
  height: 70vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Container holding the image and the text */
.hero_text {
	position: absolute;
	bottom: 20px;
	right: 0px
}

/* Bottom right text */
.hero_text_block {
  background: rgba(127,127,127,.7);
  color: #fff;
  padding: 30px;
  font-size: 1.5rem;
}

/* cols and rows */
.row {
	background-color: #fff;
}

.row-alt {
	background-color: #f9f9f9;
}

/* Headders */
h1, h2, h3, h4, h5 {
	font-family: 'Rubik', sans-serif;
}

h1, h2, h5 {
	color: #59B8EB;
	font-weight: 700;
	margin-bottom: 2rem;
}

h2 {
	font-size: 1.5rem;
/* 	margin-top: 2rem; */
}

h5 {
	margin-top: 2rem;
}

/* Links */
a {
  	color: #46a9a7;
}

p > a {
	text-decoration: underline;
}

a:hover {
  	text-decoration: underline;
}

a:focus {
 	 outline: thin dotted;
 	 outline: 5px auto -webkit-focus-ring-color;
 	 outline-offset: -2px;
}
a:hover, a:active {
  	outline: 0;
}

a.nav-link {
	color: #7a7a7a;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
}

a > i {
	color: #7a7a7a;
}


/* Portfolio */
@media (min-width: 576px) and (max-width: 1199px)
{
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    
}

@media (min-width: 1200px)
{
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

.dropdown-menu{
    transform: translate3d(0px, 35px, 0px)!important;
}

/* Single */
figure.wp-block-image, figure.wp-block-embed {
	text-align: center;
	padding-top: 20px;
}


#past_posts > ul {
	padding-inline-start: 0px;
	padding: 0px;
	margin: 0px;
}

#past_posts > ul > li {
	padding-bottom: 1rem;
}

/* Modal */
.modal-backdrop.show {
	opacity: 0.8;
}