/*
 Theme Name:   Trail Breaker Kennels
 Theme URI:    https://www.trailbreakerkennel.com
 Description:  Website development for Trail Breaker Kennel
 Author:       Iceberg Web Design
 Author URI:   https://www.icebergwebdesign.com
 Template:     iceberg
 Text Domain:  trailbreaker

 START YOUR CHILD THEME CSS HERE
*/



/* --- NAVIGATION --- */

.iceberg-navigation-submenu-indicator .sf-menu > li > a.sf-with-ul-pre:after {
    display: inline-block;
    margin-left: 8px;
}

.iceberg-main-menu-right-button {
    border-radius: 0px;
    margin-top: -9px;
}

.iceberg-navigation .sf-menu > .iceberg-normal-menu .sub-menu {
    font-size: 15px;
    text-transform: uppercase;
}

/* --- HOME PAGE NAV --- */

.home .iceberg-header-wrap.iceberg-header-style-plain {top: 250px; z-index: 999;}

.home .iceberg-page-wrapper {margin-top: -92px;}
.home .iceberg-logo-inner {display: none;}

.home .iceberg-header-style-plain.iceberg-style-center-menu .iceberg-main-menu-right-wrap {right: 100px; margin-top: -21px;}
.home .iceberg-header-style-plain.iceberg-style-center-menu .iceberg-navigation {margin-left: -150px;}

.home .iceberg-header-background {background-color: #879bc0; height: 59px;}

.home .iceberg-main-menu {margin-top: -23px;}
.home .iceberg-navigation .sf-menu > .iceberg-normal-menu .sub-menu {margin-top: -16px;}

.page-id-2248 .iceberg-header-wrap.iceberg-header-style-plain {top: 150px; z-index: 999;}

.page-id-2248 .iceberg-page-wrapper {margin-top: -92px;}
.page-id-2248 .iceberg-logo-inner {display: none;}

.page-id-2248 .iceberg-header-style-plain.iceberg-style-center-menu .iceberg-main-menu-right-wrap {right: 100px; margin-top: -21px;}
.page-id-2248 .iceberg-header-style-plain.iceberg-style-center-menu .iceberg-navigation {margin-left: -150px;}

.page-id-2248 .iceberg-header-background {background-color: #b4c8db; height: 59px;}

.page-id-2248 .iceberg-main-menu {margin-top: -23px;}
.page-id-2248 .iceberg-navigation .sf-menu > .iceberg-normal-menu .sub-menu {margin-top: -24px;}

.page-id-2248 .iceberg-footer-wrapper {
    padding-top: 0px;
}


.iwd-core-page-builder-body [data-skin="White Text"] a, .iwd-core-page-builder-body [data-skin="White Text"] .iwd-core-skin-link {
    /* color: #233146; */
    color: #ffffff;
    text-decoration: underline;
}

/* --- BUTTONS ---*/

/* Defaults for goodlayers buttons */
.iceberg-body input[type="submit"], .iwd-core-button {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 15px 33px;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/* Removes default gradient and sets default color for goodlayers buttons */
.iwd-core-body .iwd-core-button.iwd-core-button-gradient {
    background: #555555;
}

/* --- FORMS --- */

.iceberg-body input, .iceberg-body textarea {
    color: #4e4e4e;
    padding: 3px 10px;
    border: 1px solid #eeeeee;
    font-size: 18px;
    background-color: #f1f1f1;
}

/* form placeholder overrides - have to use !important or this doesn't work
--------------------------------------------- */
::-webkit-input-placeholder { /* Chrome */
  color: #494949 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #494949 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #494949 !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #494949 !important;
  opacity: 1 !important;
}

/* --- GALLERY ---*/

.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 1em 0 0;
    width: 50%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}

/* Gallery Columns */

.gallery-item {max-width: 25%;}
.gallery-columns-1 .gallery-item {max-width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}


/* --- MISC --- */

hr {margin-top:60px; margin-bottom:60px;}

ul li {list-style-position: outside;}
ol li {list-style-position: outside;}

/* strong {color: #777;} */



.iwd-core-image-overlay.iwd-core-gallery-image-overlay .iwd-core-image-overlay-title {
    font-size: 15px;
    display: block;
    letter-spacing: 1px; font-weight: bold; background: #000; background: rgba(0,0,0,0.7); padding: 10px 20px;
    text-transform: uppercase;
}

/* changes captions to center on gallery */
.iwd-core-image-overlay-caption{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 0px;
    display: block;
    line-height: 1.4;
    font-style: normal !important;}
.iwd-core-image-overlay.iwd-core-gallery-image-overlay .iwd-core-image-overlay-content {top: 50% !important;}

.iceberg-sidebar-area .iceberg-widget-title {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.5px;
    position: relative; line-height: 1.5;
    margin-bottom: 28px;
    overflow: visible;
}

.iwd-core-toggle-box-style-box-icon .iwd-core-toggle-box-item-title {
    font-size: 20px;
    text-transform: none;
    margin-top: 15px;
    margin-bottom: 15px;
}


/* --- FOOTER --- */

.iceberg-footer-wrapper .iceberg-widget-title {
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
}

.iceberg-footer-wrapper .widget {
    margin-bottom: 30px;
}

.iceberg-footer-wrapper {
    background-image: url(/wp-content/uploads/2020/02/TBK_Navy-Logo-Dogs.png);
    background-size: 1190px;
    background-position: 0 98%;
    background-repeat: no-repeat;
}

.iceberg-copyright-text, .iceberg-copyright-left, .iceberg-copyright-right {
    text-transform: uppercase;
    text-align: center;
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.copyright-info {
    float: right;
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
    font-size: 12px;
}

.cdsROW.border {
    border: none !important;
}

.badges {
    background-color: #ffffff;
    margin: 10px;
    margin-bottom:40px;
    display: flex;
    justify-content:space-around;
    padding: 0 5px;
}

#home-back .iwd-core-pbf-background {
/* 	 background-repeat: no-repeat;
    background-size: 100% auto !important;
    background-position: center top;
    background-attachment: fixed; */
	min-height:750px;
}
#home-back {
	min-height:750px !important;
}
#home-back #iwd-core-column-1 > div {
	min-height: none !important;
}

/* --- RESPONSIVE --- */

.iceberg-overlay-menu-content {background-color: rgba(24, 36, 56, 0.9);}
.iceberg-overlay-menu-content ul.menu > li {border: none;}


@media (max-width:1400px) {
    .iceberg-footer-wrapper {background-size: 940px;}
}

@media (max-width: 1250px) {
    .home .iceberg-header-style-plain.iceberg-style-center-menu .iceberg-navigation {margin-left: -200px;}
    .home .iceberg-header-style-plain.iceberg-style-center-menu .iceberg-main-menu-right-wrap {right: 50px;}
}

@media (max-width: 1180px) {
    .iceberg-logo-inner {max-width: 120px; margin-top: 8px;}
    .iceberg-navigation .sf-menu > li > a, .iceberg-navigation .sf-vertical > li > a {font-size:14px;}
    .iceberg-navigation .sf-menu > li {padding-left: 12px; padding-right: 12px;}
    .iceberg-main-menu-right-button {font-size: 12px;}
    .iceberg-footer-wrapper {background-size: 730px; padding-bottom: 230px;}
}

/* Breakpoint for mobile header - 999px */
@media (max-width: 999px) {
    .home .iceberg-page-wrapper {margin-top: 0px;}
    .home .iceberg-mobile-button-hamburger {margin-top: 20px;}
}

/* Breakpoint for column stacking - 768px */
@media (max-width: 768px) {
  .iceberg-page-title { font-size: 28px !important; }
  .iwd-core-title-item-title { font-size: 35px !important; }
  .iceberg-footer-wrapper {background-size: 600px; background-position: 0 82%; padding-bottom: 180px;}
}

@media (max-width: 415px) {
    .iceberg-footer-wrapper {background-size: 365px; background-position: 0 95%; padding-bottom: 130px;}
    .copyright-info {text-align:center; font-size: 11px;}
}


/* --- TIMELINE EXPRESS --- */

figcaption.wp-caption-text {
	margin-top: 0;
	font-style: italic;
	font-size: 15px;
	color: #888888;
}

/* get rid of timeline date since it doesn't go back further than 2009 */
.timeline-date {
	display: none !important;
}

/* change excerpt font color */
.the-excerpt {
	color: #676767;
}

/* get rid of 20px bottom margin for ul */
ul {
	margin-bottom: 0px;
}

/* get rid of top padding for alignnone img class (specifically on timeline) */
.alignnone {
    margin: 0 20px 20px 0 !important;
}

/* bump timeline item up to condense page and get rid of negative space */
/*@media (min-width: 767px) {
.announcement-1562, .announcement-1565, .announcement-1567, .announcement-1569, 
.announcement-1573, .announcement-1578, .announcement-1580, 
.announcement-1582, .announcement-1584, .announcement-1586, 
.announcement-1588, .announcement-1590, .announcement-1593, 
.announcement-1595 {margin-top: -200px !important;}
}*/

@media (min-width: 767px) {
.cd-timeline-block {margin-top: -200px;}
.announcement-1604, .announcement-1606, .announcement-1609, .announcement-1610 {margin-top: 0px;}
}

/* change background to white and create border */
#cd-timeline .cd-timeline-content {
	background: #ffffff !important;
	border: 2px solid #eaeaea;
}
/* --- END TIMELINE EXPRESS --- */


/* --- PAGE TITLE --- */

/* Adds text shadow to page title h1 */
h1.iwd-core-title-item-title {
	text-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}

.cabin-title .iwd-core-pbf-background {background-position: 50% 70% !important;}
.crew-title .iwd-core-pbf-background {background-position: 50% 50% !important;}
.contact-title .iwd-core-pbf-background {background-position: 50% 43% !important;}

@media (max-width: 999px) {
.page-title-padding {padding: 100px 0px 60px 0px !important;}
}

/* Adjust page title image on Crew page */
@media (min-width: 1800px) {.crew-image-adjust .iwd-core-pbf-background {background-position: 50% 14% !important;}}
@media only screen and (min-width: 999px) and (max-width: 1250px) {.crew-image-adjust .iwd-core-pbf-background {background-position: 50% 0% !important;}}
@media only screen and (max-width: 999px) {.crew-image-adjust .iwd-core-pbf-background {background-position: 50% 26% !important;}}

/* Adjust page title image on Contact page */
/* @media (min-width: 1800px) {.contact-image-adjust .iwd-core-pbf-background {background-position: 50% 14% !important;}} */
@media only screen and (min-width: 999px) {.contact-image-adjust .iwd-core-pbf-background {background-position: 50% 35% !important;}}
@media only screen and (max-width: 999px) {.contact-image-adjust .iwd-core-pbf-background {background-position: 50% 55% !important;}}
@media only screen and (max-width: 550px) {.contact-image-adjust .iwd-core-pbf-background {background-position: 50% 80% !important;}}

/* --- END PAGE TITLE --- */


/* --- GRAVITY FORMS --- */
.gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields {
	text-transform: none;
	font-size: 15px;
	letter-spacing: .5px;
}

.page-id-1281 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 12px 10px !important;
}

#gform_submit_button_1 {
	margin: auto;
	display: block;
/* 	color: #383838;
	background-color: transparent;
	border: 2px solid #383838; */
}

/* Removes margin on top of quanity text box on Granite Book page */
.gform_wrapper li.hidden_label input {
	margin-top: 0px !important;
}

#field_2_3 {
	margin-top: 32px !important;
}
/* --- END GRAVITY FORMS --- */

.Our-History {
	border-radius: 0px;
}

.home #text-2 {
	display: none;
}



/* --- MOBILE MENU --- */
/* Make mobile menu hamburger white */
.iceberg-top-menu-button i, .iceberg-mobile-menu-button i {
    color: #ffffff;
}


@media only screen and (max-width: 767px) {
	.iceberg-overlay-menu-content ul.menu > li {padding-bottom: 12px !important;}
}

/* --- ACUITY SCHEDULING --- */

.content {
    background-color: #ffffff !important;
}

.iwd-core-testimonial-style-center .iwd-core-testimonial-author-wrap {
    display: inline-block;
    text-align: center;
}
.social-icons {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:center;
}
.social-icons i {
	font-size: 40px;
	margin:0 10px;
}

#home-hero {
		height:250px !important;
	}

.flex .iwd-core-pbf-column-content{
	display:flex;
}
.flex .iwd-core-pbf-column-content .iwd-core-pbf-element{
	width: 50%;
	margin-top:30px;
	vertical-align: middle;
}
.sponsor-button{ 
	background-color: #4d6180; 
	color: white !important;
	padding: 2px 8px;
	border-radius: 5px;
}
.dog-name {
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 1440px) {
	#home-hero {
		height:220px !important;
	}
	#home-hero img{
		height: 120px;
		width: auto;
	}
}
@media only screen and (max-width: 1017px) {
	#home-hero {
		height:20px !important;
	}
	
	.iwd-core-full-height-pre-spaces {height:20px !important;}
}
@media only screen and (max-width: 768px) {
	.iwd-core-full-height-pre-spaces {height:220px !important;}
}

/* --- kari --- */
.iwd-core-pbf-wrapper-container-inner {
    width: 100%;
}
.iwd-core-flexslider .flex-direction-nav li a {
    padding: 14px;
    background: rgb(81 96 125);
    opacity: 1 !important;
}
@media screen and (max-width: 768px) {
    .flex-on-mobile > div > div {display: flex;flex-direction: column-reverse;}
}