/*
Theme Name: Timber Kennel Theme
Theme URI: None
Author: Me
Author URI: None
*/

/*

Trajan Pro
Comic Sans MS

*/
body{font-family: 'Public Sans';overflow-x:hidden;font-size:14px;line-height:1;}
h1,h2,h3,h4,h5,h6{display:block;font-weight:normal;}
*:hover, *:focus, *{outline:none!important;}
img{max-width:100%;height:auto;}
a, input[type="submit"]{-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;display:inline-block;cursor:pointer;}
p,
a{font-size:14px;font-weight:normal;color:#000000; transition:all 0.4s ease-In-out;}
p{line-height:26px;display:block;font-family: 'Public Sans'; }
span{display:inline-block;}
button{transition:all 0.4s ease-In-out;}
ul{ list-style: none;}
a , a:hover{ text-decoration: none; }

body {
    background-image: url(../images/background-img.jpg);
    background-size: cover;
    background-position: center;
}


/*Global Start*/

.spikes {
    background-image: url(../images/barbed-wire.png);
    height: 70px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1111;position: relative;
}

/*Global End*/

.header-section {
    position: relative;
    padding-top: 120px;
    margin-bottom: 30px;
}

.header-section:before {
    content: '';
    position: absolute;
    background-image: url(../images/header.png);
    height: 120px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
}

.header-section .left-side {
    margin-top: 50px;
}

.header-section .left-side h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    position: relative;
    left: 37%;
    bottom: -30px;
}

.header-section .left-side ul.side-imgs {
    padding: 0;
    position: relative;
}

.header-section .left-side ul.side-imgs:before {
    content: '';
    position: absolute;
    width: 153px;
    height: 153px;
    background-image: url(../images/champion-logo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    right: -40px;
    top: 60px;
    bottom: 0;
    margin: auto;
}

.header-section .left-side ul.side-imgs li {
    position: relative;
}

.header-section .left-side ul.side-imgs li:before {
    content: '';
    position: absolute;
    background-image: url(../images/frame.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.header-section .left-side ul.side-imgs li:nth-child(1) {width: 230px;height: 170px;left: -40px;}

.header-section .left-side ul.side-imgs li:nth-child(2) {width: 290px;height: 220px;position: absolute;top: 8%;right: 9%;}

.header-section .left-side ul.side-imgs li:nth-child(3) {width: 290px;height: 220px;z-index: 1;left: -16px;top: 8px;}

.header-section .left-side ul.side-imgs li:nth-child(4) {width: 250px;height: 190px;position: absolute;bottom: -15%;right: 1%;}

.header-section .left-side ul.side-imgs li img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: fill;
}

.header-section .left-side h4 {
    margin-top: 70px;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-left: -15px;
}


.header-section .right-side {
    margin-top: -150px;
}

.header-section .right-side h6 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #000;margin-top: 40px;
}

.header-section .right-side h2 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    color: #000;margin-left: 35px;
}

.header-section .right-side h4 {
    font-family: "Public Sans";
    font-weight: bold;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 25px;
}


/*home-section-2*/

.menu-section ul.side-menu {
    padding: 0;
    
margin-top: -20px;}

.menu-section ul.side-menu li {
    margin: 45px 0;
    text-align: center;
    position: relative;
    width: 100%;
}

.menu-section ul.side-menu li:before {
    content: '';
    position: absolute;
    background-image: url(../images/chain.png);
    background-position: center;
    background-size: contain;
    width: 21px;
    height: 93px;
    z-index: 11;
    left: 45px;
    top: -62px;
}

.menu-section ul.side-menu li:after {
    content: '';
    position: absolute;
    background-image: url(../images/chain.png);
    background-position: center;
    background-size: contain;
    width: 21px;
    height: 93px;
    z-index: 11;
    right: 45px;
    top: -62px;
}

.menu-section ul.side-menu li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 60px;
    background-image: url(../images/big-board.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0;
    top: 0;
    z-index: -1;
}

.menu-section ul.side-menu li a {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
font-family: "Trajan Pro";
font-weight: bold;
font-size: 18px;

text-align: center;
color: #000;}


.home-section-2 .welcome-cont {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.home-section-2 .welcome-cont h3 {
    font-family: 'Trajan Pro';
    font-weight: bold;
    font-size: 28px;
    line-height: 40px;
    color: #000;
}

.home-section-2 .welcome-cont h2 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 32px;
    line-height: 50px;
    color: #000;
    text-transform: uppercase;
}

.home-section-2 .welcome-cont p {
    font-family: "Comic Sans MS";
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #000;
}

/* Home Section 3 */

.home-section-3 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.home-section-3 h1 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 55px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: #fff;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

/* Home Section 4 */

.home-section-4 {
    margin-top: 200px;
    margin-bottom: 100px;
    position: relative;
}

.home-section-4:before {
    content: '';
    position: absolute;
    background-image: url(../images/branches.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 332px;
    height: 240px;
    top: -190px;
    left: -80px;
    z-index: 1;
}

.home-section-4:after {
    content: '';
    position: absolute;
    background-image: url(../images/tree.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 370px;
    height: 210px;
    bottom: -35px;
    right: -70px;
}

.home-section-4 .content {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
}

.home-section-4 .content:before {
    content: '';
    position: absolute;
    background-color: rgb(67 32 0 / 71%);
    width: 95%;
    height: 100%;
    top: 0;
    right: 0;
}

.home-section-4 .content .left-side {
    width: 100%;
    height: 95%;
    margin-top: 20px;
}

.home-section-4 .content .left-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-section-4 .right-side {
    padding-left: 10px;
    padding-right: 50px;
}

.home-section-4 .right-side h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
}

.home-section-4 .right-side h4:after {
    content: '';
    position: relative;
    display: inline-block;
    background-image: url(../images/lines.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 97px;
    height: 13px;
    margin-left: 20px;
}

.home-section-4 .right-side  h3 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
}

.home-section-4 .right-side h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #fff;
}

.home-section-4 .right-side form .fields {
    padding: 10px;
}

.home-section-4 .right-side form input,
.home-section-4 .right-side form textarea {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    color: #000;
}

.home-section-4 .right-side form  input::placeholder,
.home-section-4 .right-side form  textarea::placeholder {
    font-size: 16px;
    color: #000;
}

.home-section-4 .right-side form  textarea {
    height: 100px;
}

.home-section-4 .right-side form button.submit-btn {
    background-image: url(../images/board.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 180px;
    height: 50px;
    background-color: transparent;
    border: none;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 20px;
}

.home-section-4 .right-side form button.submit-btn:hover {
    color: #663312;
}



/******************************************************/
/*                   Footer Start                     */
/******************************************************/



footer {
    background-color: #812B00;
    position: relative;
}

footer:before {
    content: '';
    position: absolute;
    background-color: #432000;
    width: 42%;
    height: 100%;
    z-index: 1;
}

footer:after {
    content: '';
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 70px;
    bottom: 0;
}

footer .content {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-column-gap: 20px;
    z-index: 1;
    position: relative;
}

footer .content .left-side {
    text-align: center;
    position: relative;
}

footer .content .left-side a.footer-logo {
    width: 80%;
}

footer .content .left-side ul.social-media {
    padding: 0;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .content .left-side ul.social-media li {
    margin: 0 10px;
}

footer .content .left-side ul.social-media a {
    background-image: url(../images/icon-bg.png);
    background-size: cover;
    background-position: center;
    width: 57px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #432000;
}

footer .content .left-side ul.social-media a:hover {
    color: #fff;
}

footer .content .left-side p {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;margin-bottom: 5px;
}

footer .content  .right-side {
    margin-top: 30px;
}

footer .content .right-side ul.contact-info {
    padding: 0;
    margin: 45px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .content .right-side ul.contact-info li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
}

footer .content .right-side ul.contact-info li i {
    background-image: url(../images/icon-bg.png);
    background-size: cover;
    background-position: center;
    min-width: 40px;
    width: 40px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;color: #432000;
    margin-right: 10px;
    transition: all .4s ease-in-out;
}

footer .content .right-side ul.contact-info li:hover i {
    color: #fff;
}

footer .content .right-side ul.contact-info li span h4 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 16px;
    color: #dba26f;
    margin-bottom: 4px;
}

footer .content .right-side ul.contact-info li span a {
    font-family: "Public Sans";
    font-weight: 300;
    font-size: 14px;
    text-align: left;
    color: #f7c495;
}

footer .content .right-side ul.contact-info li span a:hover{
    color: #FF9E0D;
}

footer .content .right-side .copyright {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

footer .content .right-side .copyright p {
    font-weight: 300;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

footer .content .right-side .copyright p a {
    color: #FF9E0D;
    font-weight: 300;
    font-size: 16px;
    line-height: 35px;
}

footer .content .right-side .copyright p a:hover {
    color: #fff;
}

footer .content .right-side .footer-cont {
    padding: 20px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

footer .content .right-side .footer-cont:before {
    content: '';
    position: absolute;
    background-image: url(../images/barbed-wire.png);
    height: 35px;
    width: 650px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: -25px;
}

footer .content .right-side .footer-cont ul.footer-menu {
    padding: 0;
    margin: 0;
    margin-right: 20px;
}

footer .content .right-side .footer-cont ul.footer-menu li {
    margin: 10px 0;
}

footer .content .right-side .footer-cont ul.footer-menu li a {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #2b1501;
    position: relative;
    z-index: 1;
    width: 185px;
}

footer .content .right-side .footer-cont ul.footer-menu li a:before {
    content: '';
    position: absolute;
    background-image: url(../images/board.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;width: 100%;
    height: 50px;
    left: 0;
    z-index: -1;
}

footer .content .right-side .footer-cont .cont-side .side {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .content .right-side .footer-cont .cont-side img {
    width: 100px;
    height: 48px;
    object-fit: cover;
}

footer .content .right-side .footer-cont .cont-side h3 {
    font-family: "Public Sans";
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #f7c495;
    margin-left: -10px;
}

footer .content .right-side .footer-cont .cont-side ul.logos {
    padding: 0;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

footer .content .right-side .footer-cont .cont-side ul.logos:after {
    content: '';
    position: absolute;
    background-image: url(../images/barbed-wire.png);
    height: 30px;
    width: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: -40px;
}

footer .content .right-side .footer-cont .cont-side ul.logos li {
    margin: 0 10px;
}

footer .content .right-side .footer-cont .cont-side ul.logos li img {
    width: 100%;
    height: 100%;
}

footer .content .right-side .footer-cont .cont-side {
    margin-top: -25px;
}

footer .content .right-side .footer-cont .cont-side h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fbdfc6;
    margin-bottom: 0;
    margin-left: 15px;
}

.office-cell a span {
    display: block;
    margin: 3px 0px;
    font-weight: 600;
}


/******************************************************/
/*                   Footer End                       */
/******************************************************/


/******************************************************/
/*                Inner Pages Start                   */
/******************************************************/


/****************************/
/*    Global CSS Start      */
/****************************/

.header-section .right-side h4.page-title { margin-top: 50px;}

/*header badge*/

.innerpages.about-page .header-section .left-side ul.side-imgs:before,
.innerpages.miniature-australian-shepherd-available-puppies-page .header-section .left-side ul.side-imgs:before,
.innerpages.australian-shepherd-available-puppies-page .header-section .left-side ul.side-imgs:before {
    right: 0;
    left: 50px;
    z-index: 11;
    top: 150px;
}

.innerpages.policies-page .header-section .left-side ul.side-imgs:before,
.innerpages.australian-shepherd-page .header-section .left-side ul.side-imgs:before,
.innerpages.miniature-australian-shepherd-page .header-section .left-side ul.side-imgs:before,
.innerpages.mini-australian-shepherd-available-puppies-detail-page .header-section .left-side ul.side-imgs:before,
.innerpages.australian-shepherd-available-puppies-detail-page .header-section .left-side ul.side-imgs:before{
    content: unset;
}

/****************************/
/*     Global CSS End      */
/****************************/


/****************************/
/*    About Page Start      */
/****************************/

section.about-sec-2 {
    margin-top: 50px;
    margin-bottom: 80px;
}

section.about-sec-2 p {
    font-family: "Comic Sans MS";
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

section.about-sec-2 .content {
    margin-bottom: 80px;
}

section.about-sec-2 .left-side h2 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
    color: #000;
    margin-bottom: 20px;
    text-transform: capitalize;
}

section.about-sec-2 .right-side {
    position: relative;
    height: 500px;
    width: 100%;
}

section.about-sec-2 .right-side:before {
    content: '';
    position: absolute;
    background-image: url(../images/frame-long.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

section.about-sec-2 .right-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.about-sec-3 {
    margin-top: 50px;
    margin-bottom: 80px;
    text-align: center;
}

section.about-sec-3 .head-style h2 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
}

.australian-shep-loop {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 50px;
    grid-column-gap: 20px;
}

.australian-shep-loop .post {
    position: relative;
}

.australian-shep-loop .post:before {
    content: '';
    position: absolute;
    background-image: url(../images/plank.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 80%;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.australian-shep-loop .post .post-img {
    width: 200px;
    margin: auto;
    margin-bottom: 10px;
    height: 170px;
}

.australian-shep-loop .post .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.australian-shep-loop .post .post-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 240px;
}

.australian-shep-loop .post .post-content h3 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 80%;
    margin: auto;
}

.australian-shep-loop .post .post-content h4 {
    font-family: "Public Sans";
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 80%;
    margin: auto;
}

.australian-shep-loop .post .post-content h4 span {
    text-transform: capitalize;
}

.australian-shep-loop .post ul.badges {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.australian-shep-loop .post ul.badges li {
    margin: 5px;
}

.australian-shep-loop .post ul.badges img {
    border-radius: 50%;
    padding: 2px;
    background-color: transparent;
    transition: all .4s ease-in-out;
}

.australian-shep-loop .post:hover ul.badges img {
    background-color: #FF9E0D;
}

/****************************/
/*      About Page End      */
/****************************/


/****************************/
/*    Policies Page Start   */
/****************************/


.innerpages.policies-page .home-section-2 .welcome-cont h3 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.innerpages.policies-page .home-section-2 .welcome-cont {
    margin-bottom: 80px;
}


/****************************/
/*    Policies Page End     */
/****************************/


/**********************************/
/* Australian Shepherd Page Start */
/**********************************/


.aus-shep-section .aus-posts {
    margin-top: 50px;
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    align-items: center;
}

.aus-shep-section .aus-posts .content-img {
    height: auto;
    position: relative;
}

.aus-shep-section .aus-posts .content-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.aus-shep-section .aus-posts .content h3 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 28px;
    line-height: 50px;
    color: #000;
    text-transform: uppercase;
}

.aus-shep-section .aus-posts .content p {
    font-family: "Comic Sans MS";
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

.aus-shep-section .aus-posts .content-img:before {
    content: '';
    position: absolute;
    background-image: url(../images/frame.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

ul.link-tabs {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

ul.link-tabs li {
    margin: 5px 10px;
    position: relative;
}

ul.link-tabs li a{
    position: relative;
    z-index: 1;
    width: 290px;
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 22px;
    line-height: 52px;
    text-align: center;
    color: #000;
    height: 100%;
}

ul.link-tabs li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/big-board.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    top: 0;
    z-index: -1;
}

.box-img {
    position: relative;
    height: auto;
    width: 70%;
    margin: auto;
}

.box-img:before {
    content: '';
    position: absolute;
    background-image: url(../images/frame.png);
    background-size: 100% 105%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 101%;
}

.box-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/**********************************/
/*  Australian Shepherd Page End  */
/**********************************/

/*****************************************/
/*  Mini Australian Shepherd Page Start  */
/*****************************************/

.search-wraper {
    position: relative;
    padding: 20px;
    background-image: url(../images/Dark-Logo-Board_large_v2.gif);
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-position: center;
}

.search-wraper:before {
    /* content: ''; */
    position: absolute;
    background-image: url(../images/barbed-wire.png);
    height: 30px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 1111;
    left: 0;
    top: -12px;
}

.search-wraper:after {
    /* content: ''; */
    position: absolute;
    background-image: url(../images/barbed-wire.png);
    height: 30px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    z-index: 1111;
    bottom: -15px;
    right: 0;
}

.search-wraper .puppy-search {
    width: 100%;
    position: relative;
    padding: 20px;
}

.search-wraper .puppy-search h3 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 20px;
    color: #ff9e0d;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
}

.puppy-search .search-form-sec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    grid-column-gap: 16px;
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-left: 10px;
}

.puppy-search .search-form-sec .fleid {
    display: flex;
    flex-direction: column;
}

.puppy-search .search-form-sec .field select,
.puppy-search .search-form-sec .field input {
    width: 100px !important;
    border: 1px solid;
    padding: 5px;
    background-color: #300F00;
    color: #fff;
    border-color: #300F00;
    height: 30px;
}

.puppy-search .search-form-sec .field input::placeholder {
    color: #fff;
}

.puppy-search .search-form-sec .field select:hover {
    border-color: #FF9E0D;
}

.puppy-search .search-form-sec .field label {
    color: #fff;
    margin-bottom: 5px;
    font-size: 12px;
}

.submit-field button {
    background-image: url(../images/board.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 45px;
    background-color: transparent;
    border: none;
    font-weight: 600;
    font-size: 13px;
    color: #000;
    margin-top: 5px;
    text-transform: uppercase;
    font-family: 'Trajan Pro';
}


.puppy-search .search-form-sec.puppies-filter {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;
}


.puppy-search .search-form-sec.puppies-filter .field select,
.puppy-search .search-form-sec.puppies-filter .field input{
    width: 130px !important;
}

.puppy-search .search-form-sec.puppies-filter .submit-field button {
    width: 100px;
}


.puppies-highlight {
    margin-bottom: 60px;
    margin-top: 50px;
    position: relative;
}

.puppies-highlight h2 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.puppies-highlight .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.puppies-highlight .content img {
    width: 230px;
    height: 210px;
    /* object-fit: cover; */
    object-fit: contain;
    object-position: right;
}

.puppies-highlight .content .info-content {
    text-align: center;
}

.puppies-highlight .content .info-content h3 {
    font-family: "Public Sans";
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #000;
    text-transform: uppercase;
}

.puppies-highlight .content .info-content h6 {
    font-family: "Public Sans";
    font-weight: 600;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
}

.puppies-highlight .content:before {
    content: '';
    position: absolute;
    border: 3px solid #000;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    height: 120%;
    z-index: -1;
}

.puppies-loop {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.puppies-loop .posts {
    text-align: center;
}

.puppies-loop .posts .post-img a {
    width: 100%;
    height: 170px;
}

.puppies-loop .posts .post-img img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
}

.puppies-loop .posts .post-content {
    border: 1px solid;
    padding: 18px 0;
    min-height: 160px;
    position: relative;
    transition: all .4s ease-in-out;
}

.puppies-loop .posts .post-content .post-title {
    top: -22px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    position: absolute;
    background-image: url(../images/board.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.puppies-loop .posts .post-content .post-title h3 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #000;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.puppies-loop .posts .post-content h3 span {
    background: none;
    color: #000;
    font-size: 10px;
    line-height: 0;
    font-weight: 600;
}

.puppies-loop .posts:hover .post-content h3 span {
    background: none;
}

.puppies-loop .posts .post-content h6 {
    font-family: "Public Sans";
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #000;
    margin: 15px 0px;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
}

.puppies-loop .posts .post-content a {
    font-family: "Public Sans";
    font-weight: normal;
    text-decoration: underline;
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    transition: all .4s ease-in-out;
}

.puppies-loop .posts .post-content span {
    background-color: #000;
    font-family: "Public Sans";
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
}

.puppies-loop .posts:hover .post-content {
    background-color: #300F00;
}

.puppies-loop .posts:hover .post-content span {
    background-color: #FF9E0D;
    color: #000;
}

.puppies-loop .posts:hover .post-content h6 {
    color: #fff;
}

.puppies-loop .posts:hover .post-content a {
    color: #FF9E0D;
}

.puppies-loop .posts .post-content a .registry img {
    width: 60px;
}

/*Pagination*/

.pagination-bar {
    width: 100%;
    height: 60px;
    background-image: url(../images/plank-long.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.pagination-bar ul.pagination {
    padding: 0;
    margin: 0;
}

.pagination-bar .page-qty h5 {
    margin-bottom: 0;
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 16px;
    color: #000;
    
}

.pagination-bar ul.pagination li a{
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 18px;
    line-height: 50px;
    text-align: right;
    color: #000;
    margin: 0 5px;
}

.pagination-bar ul.pagination li.active a,
.pagination-bar ul.pagination li:hover a{
    color: #812B00;
}


/*****************************************/
/*   Mini Australian Shepherd Page End   */
/*****************************************/


/*****************************************/
/*  Australian Shepherd Detail Page End  */
/*****************************************/

.puppy-posts-details-list {
    margin-top: 50px;
    margin-bottom: 50px;
}

.puppy-posts-details-list .puppy-post-detail {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    position: relative;
    /* width: 85%; */
    margin-left: auto;
    padding: 20px 0;
    align-items: flex-end;
    margin-top: 100px;
    grid-column-gap: 15px;
    align-items: center;
}

.puppy-posts-details-list .puppy-post-detail:before {
    content: '';
    position: absolute;
    background-image: url(../images/detail-bg.png);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    right: 0;
}

.puppy-posts-details-list .puppy-post-detail .post-img {
    padding-left: 10px;
}

.puppy-posts-details-list .puppy-post-detail .post-img img {
    width: auto;
    height: 160px;
    object-fit: contain;
}

.puppy-posts-details-list .puppy-post-detail .post-img h3 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 18px;
    color: #000;
    margin-top: 10px;
}

.puppy-posts-details-list .puppy-post-detail .post-img span {
    background-color: #000;
    color: #fff;
    font-family: "Public Sans";
    font-weight: 300;
    font-size: 10px;
    padding: 5px 5px 5px 15px;
    transition: all .4s ease-in-out;
    text-transform: uppercase;
    position: relative;
}

.puppy-posts-details-list .puppy-post-detail:hover .post-img span {
    color: #000;
    background-color: #FF9E0D;
}

.puppy-posts-details-list .puppy-post-detail .post-cont {
    position: relative;
}

.puppy-posts-details-list .puppy-post-detail .post-cont h2 {
    font-family: "Trajan Pro";
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
}

.puppy-posts-details-list .puppy-post-detail .post-cont h6 {
    font-family: "Public Sans";
    font-weight: 300;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}

.puppy-posts-details-list .puppy-post-detail .post-cont h6 span {
    text-transform: capitalize;
}

.puppy-posts-details-list .puppy-post-detail .post-cont ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}

.puppy-posts-details-list .puppy-post-detail .post-cont h4 {
    font-family: "Public Sans";
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

.puppy-posts-details-list .puppy-post-detail .post-cont ul li {
    font-family: "Public Sans";
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    color: #000;
    margin-right: 15px;
}

.puppy-posts-details-list .puppy-post-detail .post-cont ul li h5 {
    font-family: "Public Sans";
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0;
}

.puppy-posts-details-list .puppy-post-detail .post-cont ul li a {
    font-family: "Public Sans";
    font-weight: 500;
    text-decoration: underline;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    color: #432000;
    text-transform: uppercase;
}

.puppy-posts-details-list .puppy-post-detail .post-cont .registry.sold-mark {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
}

.puppy-posts-details-list .puppy-post-detail .post-cont .registry {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 20px;
    margin-top: -15px;
}

.puppy-posts-details-list .puppy-post-detail .post-cont .registry h5 {
    font-family: "Public Sans";
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    margin-right: 10px;
    margin-bottom: 0;
}

/*Sires and Dams*/

.australian-shep-loop.sires-dams {
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 40px;
}

.australian-shep-loop.sires-dams .post-img {
    width: 80%;
}

.bottom-img {
    position: relative;
}

.bottom-img:before {
    content: '';
    position: absolute;
    background-image: url(../images/frame-long.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

/*404page*/

.innerpages.error-page .home-section-2 h1 {
    font-size: 100px;
    text-align: center;
    font-family: 'Trajan Pro';
    font-weight: bold;
}

.innerpages.error-page .home-section-2 h6 {
    text-align: center;
    font-size: 40px;
}

.innerpages.error-page .home-section-2  p {
    text-align: center;
    font-size: 22px;
}

/******************************************************/
/*                Inner Pages End                     */
/******************************************************/


/**====================================================================================================================**/
/**                                              MEDIA QUERY START                                                     **/
/**====================================================================================================================**/

/* 
  ##Device = HD Desktops
  ##Screen = 1600px to higher resolution desktops
*/

@media screen and (min-width: 1600px) {

.container, .container-fluid {
    width: 1570px;
  }
  


  
} /* Dont delete this bracket! */ 

/* 
  ##Device = Ipads, Ipad Pro 
  ##Screen = B/w 1024px to 1365px
*/
@media (min-width: 1024px) and (max-width: 1365px) {







} /* 1024px to 1365px Dont delete this bracket! */

/* 
  ##Device = Tablets, Ipads 
  ##Screen = B/w 768px to 1023px
*/
@media (min-width: 768px) and (max-width: 1023px) {


  

  
} /* 768px to 1023px  Dont delete this bracket! */

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {





} /* 481px to 767px (Landscape) Dont delete this bracket! */

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {

.header-section {padding-top: 100px;}
.header-section .left-side h5 {position: unset;text-align: center;}
.header-section .left-side ul.side-imgs li {position: relative !important;width: 100% !important;height: 100% !important;top: 0 !IMPORTANT;bottom: 0 !IMPORTANT;right: 0 !important;left: 0 !important;margin-bottom: 10px;}
.header-section .left-side ul.side-imgs:before {content: unset;}
.header-section .left-side h4 {margin-top: 0;}
.header-section .right-side {margin-top: -50px;}
.header-section .row {flex-direction: column-reverse;}
.header-section .right-side h2 {margin: 0;font-size: 25px;}
.header-section .left-side {margin-top: 20px;}

.home-section-3 h1 {font-size: 25px;}

.home-section-4:before {content: unset;}
.home-section-4:after {content: unset;}
.home-section-4 .content:before {width: 100%;}
.home-section-4 .content .left-side {height: 100%;margin-top: 0;}
.home-section-4 {margin-top: 0;margin-bottom: 20px;}
.home-section-4 .right-side {padding: 0 15px;}
.home-section-4 .right-side h3 {font-size: 25px;}
.home-section-4 .right-side h4 {font-size: 20px;}
.home-section-4 .right-side h5 {font-size: 13px;}

footer:before {content: unset;}
footer:after {content: unset;}
footer .content {grid-template-columns: auto;}
footer .content .left-side a.footer-logo {width: 100%;}
footer .content .right-side ul.contact-info {flex-direction: column;align-items: flex-start;margin: 0;}
footer .content .right-side ul.contact-info li {margin-bottom: 20px;}
footer .content .left-side ul.social-media {}
footer .content .left-side ul.social-media li {margin: 5px;}
footer .content .left-side a.footer-logo img {width: 100%;height: 100%;}
footer .content .right-side .footer-cont {flex-direction: column;}
footer .content .right-side .footer-cont ul.footer-menu {margin-right: 0;}
footer .content .right-side .footer-cont .cont-side .side {flex-direction: column;}
footer .content .right-side .footer-cont .cont-side h3 {text-align: center;margin-top: 10px;}
footer .content .right-side .footer-cont .cont-side img {margin-top: 10px;}
footer .content .right-side .footer-cont .cont-side h5 {text-align: center;}
footer .content .right-side .footer-cont:before {content: unset;}
footer .content .right-side .footer-cont .cont-side ul.logos {  flex-direction: column;  margin-top: 20px;}


/*Search Sec*/
.search-wraper:before,
.search-wraper:after{ content: unset;}
.search-wraper .puppy-search h3 { font-size: 18px;}
.puppy-search .search-form-sec { grid-template-columns: auto; grid-row-gap: 10px; margin-top: 10px;}
.puppy-search .search-form-sec .field {  display: flex; flex-direction: column;}
.puppy-search .search-form-sec .field select, .puppy-search .search-form-sec .field input { width: 100% !important;}
.submit-field button { width: 100%;  margin-top: 10px;}


/* Pagination */
.pagination-bar { height: 80px; flex-direction: column; background-size: cover; padding: 20px 0;}
.pagination-bar .page-qty h5 { font-size: 16px;}
.pagination-bar ul.pagination {align-items: center;}
.pagination-bar ul.pagination li a { font-size: 16px; line-height: 0;}


/*********** Inner Pages *************/

/*About Us Page*/
section.about-sec-2 .left-side h2 { font-size: 25px;}
.australian-shep-loop,
.australian-shep-loop.sires-dams { grid-template-columns: auto;  grid-row-gap: 30px;}

/*Aus Shepherd*/

ul.link-tabs {flex-direction: column;}
.box-img { width: 100%; height: auto;}
.aus-shep-section .aus-posts { display: flex; flex-direction: column;}
.aus-shep-section .aus-posts .content-img { height: auto;}
.aus-shep-section .aus-posts .content h3 { font-size: 20px;}
.aus-shep-section .aus-posts:nth-child(even) { flex-direction: column-reverse;}


/*Shepherd Detail Page*/
.home-section-2 .welcome-cont h2 { font-size: 19px; line-height: 1.5;}
.puppy-posts-details-list { margin-top: 30px; margin-bottom: 30px;}
.puppy-posts-details-list .puppy-post-detail { grid-template-columns: auto; width: 100%; padding: 10px;}
.puppy-posts-details-list .puppy-post-detail .post-img img { position: unset;}

/*Timberline Policies*/
.home-section-2 .welcome-cont h3 {font-size: 22px;line-height: 1.5;}


/*Available Puppies*/
.puppies-highlight h2 { font-size: 25px;}
.puppies-highlight .content { flex-direction: column; gap: 20px;}
.puppies-highlight .content:before {  content: unset;}
.puppies-loop { grid-template-columns: auto;}



} /* 320px to 480px (Portrait) Dont delete this bracket! */

/* 
  ##Device = Galaxy Fold (Portrait)
  ##Screen = 280px
*/
@media (max-width: 280px) {

.header-section {padding-top: 100px;}
.header-section .left-side h5 {position: unset;text-align: center;}
.header-section .left-side ul.side-imgs li {position: relative !important;width: 100% !important;height: 100% !important;top: 0 !IMPORTANT;bottom: 0 !IMPORTANT;right: 0 !important;left: 0 !important;margin-bottom: 10px;}
.header-section .left-side ul.side-imgs:before {content: unset;}
.header-section .left-side h4 {margin-top: 0;}
.header-section .right-side {margin-top: -50px;}
.header-section .row {flex-direction: column-reverse;}
.header-section .right-side h2 {margin: 0;font-size: 25px;}
.header-section .left-side {margin-top: 20px;}

.home-section-3 h1 {font-size: 25px;}

.home-section-4:before {content: unset;}
.home-section-4:after {content: unset;}
.home-section-4 .content:before {width: 100%;}
.home-section-4 .content .left-side {height: 100%;margin-top: 0;}
.home-section-4 {margin-top: 0;margin-bottom: 20px;}
.home-section-4 .right-side {padding: 0 15px;}
.home-section-4 .right-side h3 {font-size: 25px;}
.home-section-4 .right-side h4 {font-size: 20px;}
.home-section-4 .right-side h5 {font-size: 13px;}

footer:before {content: unset;}
footer:after {content: unset;}
footer .content {grid-template-columns: auto;}
footer .content .left-side a.footer-logo {width: 100%;}
footer .content .right-side ul.contact-info {flex-direction: column;align-items: flex-start;margin: 0;}
footer .content .right-side ul.contact-info li {margin-bottom: 20px;  margin-right: 0;  margin-left: 0;}
footer .content .left-side ul.social-media {}
footer .content .left-side ul.social-media li {margin: 5px;}
footer .content .left-side ul.social-media a { width: 47px; height: 45px;}
footer .content .left-side a.footer-logo img {width: 100%;height: 100%;}
footer .content .right-side .footer-cont {flex-direction: column; padding: 20px;}
footer .content .right-side .footer-cont ul.footer-menu {margin-right: 0;}
footer .content .right-side .footer-cont .cont-side .side {flex-direction: column;}
footer .content .right-side .footer-cont .cont-side h3 {text-align: center;margin-top: 10px;}
footer .content .right-side .footer-cont .cont-side img {margin-top: 10px;}
footer .content .right-side .footer-cont .cont-side h5 {text-align: center;}
footer .content .right-side .footer-cont:before {content: unset;}
footer .content .right-side .footer-cont .cont-side ul.logos {  flex-direction: column;  margin-top: 20px;}


 




 
  
  
} /* 280px (Portrait) Dont delete this bracket! */


/**====================================================================================================================**/
/**                                              MEDIA QUERY END                                                       **/
/**====================================================================================================================**/