@font-face {
    font-family: "takhari_regular";
    src: url(../fonts/lucida-calligraphy/LCALLIG.ttf);
}

@font-face {
    font-family: "takhari_bradley_hand";
    src: url(../fonts/bradley-hand-itc/BRADHITC.TTF);
}

@font-face {
    font-family: "Winter-Pen-22";
    src: url(../fonts/winter-pen-22-cdnfonts/WinterPen22-BWZP3.otf);
}

@font-face {
    font-family: "Kidsband";
    src: url(../fonts/kidsband-cdnfonts/KidsbandRegular-3z7Az.otf);
}

@font-face {
    font-family: "FastupBold";
    src: url(../fonts/fastup-cdnfonts/FastupBold-rgPYA.ttf);
}

@font-face {
    font-family: "FastupRegular";
    src: url(../fonts/fastup-cdnfonts/FastupRegular-MVjyr.ttf);
}

@font-face {
    font-family: "HewinaRegular";
    src: url(../fonts/hewina-cdnfonts/HewinaRegular-vmoaO.otf);
}

@font-face {
    font-family: "AkayaKanadaka";
    src: url(../fonts/AkayaKanadaka-Regular.ttf);
}

@font-face {
    font-family: "Karantina";
    src: url(../fonts/Karantina-Bold.ttf);
}

@font-face {
    font-family: "PeaxWebdesignarrows";
    src: url(../fonts/peaxwebdesignarrows/PeaxWebdesignarrows.ttf);
}



body {
    /* display: grid; */
    position: relative;
	/* justify-content: center; */
	/* align-items: center; */
    min-height: 100vh; 
    height: 100%;
    /* min-width: 960px;*/
    margin: 0px;
    border: 15px solid;
    /* border: 20px solid; */
    border-image: url(../images/dr_goldstrip.jpg) 10% round;
    border-image-slice: 1;
    
/*    
    display: block;
	justify-content: center;
	align-items: center;
    height: 100%; 
    min-width: 960px;
    margin: 0px;
    border: 20px solid;
    border-image: url(../images/dr_goldstrip.jpg) 10% round;
    border-image-slice: 1;
    position: relative;
    background-image: url(../images/bkg_green.gif);
    background-repeat: repeat;
    overflow: scroll;
*/
}

img {
    max-width: 100%;
    max-height: 100%;
}

* {
    box-sizing: border-box;
}
.shanans_intro {
    display: flex;
    height: auto;
    text-align: justify;
    font-size: larger;
    font-family: 'takhari_regular';
    color: #ffbf00; 

}

img.shanans_intro {
    height: auto;
    width: 40%;
    justify-content: left;
    margin: auto;
    align-items: center;
}

p.shanans_intro {
    text-align: center;
    font-size: larger;
    font-family: 'takhari_regular';
    color: #ffbf00; 

}

main {
    height: 100%;
    padding-top: 240px; 
    background-image: url(../images/bkg_green.gif);
    background-repeat: repeat;
}

main h1 {
    font-size: 3em;
    color: #d8a60e;
    font-family: 'takhari_regular';
    text-align: center;
    text-shadow: 3px 3px #000;
}

/*
hr {
    width: 60%;
    border: 2px groove #ffbf00;
    border-radius: 5px;
}
*/

hr {
    color: #ffbf00;
    border-top: 3px solid #ffbf00;
    border-bottom: 3px solid #000;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 70%;
}
/* */
.top_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*
    border-top: 5px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 5px;
    border-color: #FBD67E;
    border-style: solid;
    */
    /*
    position: sticky;
    */
}
/* */

.banner {
/*    justify-content: center;
    height: 130px; */
    display: flex;
    height: 7%;

     position: relative;
	justify-content: center;
	align-items: center;
    /* min-height: 100vh; */
    /* min-width: 960px; */
    border: 15px solid;
    border-image: url(../images/dr_goldstrip.jpg) 10% round;
    border-image-slice: 1;
    border-bottom-width: 0px;
    

    background-image: url(../images/bkg_green.gif);
    background-repeat: repeat;
}
    /*
    height: 60%;
    border-image: url(../images/dr_goldstrip.jpg) 10% round;
    border-image-slice: 1;
    */
    /*
    border-top: 5px;
    border-bottom: 0px;
    border-left: 5px;
    border-right: 5px;
    */
    /*
    border-color: #FBD67E;
    */
    /*
    border-color: #ffbf00;
    border-style: solid;
    */
    /*
    height: auto;
    width: max-content; 
    background-image: url(../images/bkg_green.gif);
    top: 15px;
    justify-content: center;
    align-content: center;
    align-items: center;  
    padding-top: 0px;
    margin-top: 20px;
    margin-left: auto; 
    margin-right: auto;
    border: 0px;
    */


.banner_img {
    display: flex;
    padding-top: 20px;
    justify-content: center;


}

.menu {
    height: max-content;
    width: 100%;
    margin: 0px; 
    padding-top: 0px;
    padding-bottom: 0px; 
    overflow: hidden;
    font-size: smaller;
    
    border-top: 5px;
    border-bottom: 5px;
    border-left: 0px;
    border-right: 0px;
    border-color: #ffbf00;
    border-style: solid;
    justify-content: center;
    text-align: center;
    align-items: center;
    align-content: center; 
    background-color: #000;
    color: #FBD67E;
    font-family: 'takhari_regular';
}

.menu a {
    float: left;
    background-color: #000;
    padding: 10px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
    font-family: 'takhari_regular';
    
}


.menu a:link {
    color: #FBD67E;
    background-color: #000;
    padding: 10px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'takhari_regular';
}
    

.menu a:visited {
    color: #FBD67E;
    background-color: #000;
    padding: 10px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'takhari_regular';
}


.menu a:hover,
.menu a:focus {
    color: #000;
    background-color: #FBD67E;
    padding: 10px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'takhari_regular';
    
}

.menu a.active {
    color: red;
    background-color: #000;
    padding: 10px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'takhari_regular';
}

.menu_item {
    color: #FBD67E;
    background-color: #000;
    
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
}

header {
    color: #d8a60e;
    font-family: 'takhari_regular';
    text-align: center;
}

header h1 {
    font-size: 50px;
    text-shadow: 3px 3px #000;
}

header h2 {
    font-size: xx-large;
}

article {
    display: block;
    justify-content: center;
    align-items: center;
    margin: auto;
    text-align: center;
}

article h2 {
    color: #ffbf00cb;
    font-size: xx-large;
    text-align: center;
    font-family: "AkayaKanadaka";
    /* text-shadow: #d8a60e */
    text-shadow: 3px 3px #000;
}

article h3 {
    color: white;
}

/*
article .title { 
    color: #FFFFFF;
    font-family: "Karantina";
    text-shadow: rgb(216, 166, 14);
    font-size: xx-large;
    text-shadow: 3px 3px #000;
}
*/

.title { 
    color: #FFFFFF;
    font-family: "Karantina";
    text-shadow: #d8a60e;
    font-size: xx-large;
    text-shadow: 3px 3px #000;
    text-align: center;
}

.bstar {
    display: flex; 
    height: auto;
    width: auto; 
    margin-bottom: 25px;
    /*
    margin-left: auto;
    margin-right: auto;
    */
    align-items: stretch;  
    justify-content:center;
    /*
    text-align: center;
    vertical-align: middle;
    */
    flex-direction: row;
    flex-wrap: nowrap;
}

.bstar_text_boxes{
    display: flex;
    /* margin-bottom: 15vh; */
    flex-direction: column;
    flex-wrap: flex-start;
}

.bstar_img {
    height: 100%;
    width: 10vh;
    margin: 0.5em;
    /* max-width: 5%;
    margin: auto;
    margin-right: 0;
    margin-left: 10%;
    margin-bottom: 50;
    vertical-align: top;
    */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* flex-grow: ;
    flex-shrink: ;
    flex-basis: ;
    flex: ;
    */
}

.bstar_sub_img {
    height: 100%;
    width: 5vh;
    margin: 0.5em;
}
/*
img.bstar_star_right {
    height: 100%;
    max-width: 5%;
    margin: auto;
    margin-left: 0;
    margin-right: 10%;
    margin-bottom: 50;
    vertical-align: top;
    display: flex;
}
*/
.bstar_text {
    /*color: #fc0303;
    */
    color: #ff4d4d;
    font-size: xx-large;
    width: auto;
    align-content: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    display: flex;
}

.bstar_sub_text {
 /*   
    color: #ffbf00;
*/
    color: #adf7ff;
    font-size: large;
    margin: 1vh;
    width: auto;
    align-content: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    display: flex;
}

.bstar_sub_text2 {
    color: #ffffff;
    font-size: large;
    margin: 1vh;
    width: auto;
    align-content: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    display: flex;
}
.alert { 
    color: #ffbf00;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: xx-large;
    width: auto;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 15px;
    align-content: center;
    justify-content: center;
    text-size-adjust: 80%;
}

.alert h1 {
    color: rgb(224, 60, 137);
    font-size: xx-large;
}

.alert_pic_left {
    float: left;
    width: 5%;
}

.alert_pic_right {
        float: right;
        width: 5%;
}


.alert p {
    color: #ffbf00;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: large;
    text-align: center;
    width: auto;
    vertical-align: middle;
}
/*
.talert {
    color: #ffbf00;
    display: flex; 
    height: auto;
    width: auto; 
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;  
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

img.talert_img_left {
    height: 100%;
    max-width: 5%;
    margin: auto;
    margin-right: 0%;
    margin-left: 10%;
    margin-bottom: 50;
    vertical-align: top;
}

img.talert_img_right {
    height: 100%;
    max-width: 5%;
    margin: auto;
    margin-left: 0%
    margin-right: 10%;
    margin-bottom: 50;
    vertical-align: top;
}

p.talert_text {
    color: #ffbf00;
    font-size: xx-large;
    width: auto;
    align-content: center;
    justify-content: center;
    vertical-align: top;
    text-align: center;
    float: left;
}
*/

.balert {
    color: #ffbf00;
    display: flex; 
    height: auto;
    width: auto; 
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;  
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

img.balert_img_left {
    height: 100%;
    max-width: 5%;
    /* margin: auto; */
    margin-right: 0%;
    margin-left: 10%;
    margin-bottom: 50;
    vertical-align: top;
}

img.balert_img_right {
    height: 100%;
    max-width: 5%;
    /* margin: auto; */
    margin-left: 0%;
    margin-right: 10%;
    margin-bottom: 50;
    vertical-align: top;
}

p.balert_text {
    color: #ffbf00;
    font-size: large;
    width: auto;
    align-content: center;
    justify-content: center;
    vertical-align: top;
    text-align: center;
    float: left;
}

.palert { 
    display: block;
    text-align: center;
    color: #ffbf00;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: xx-large;
    width: auto;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 15px;
    align-content: center;
    justify-content: center;
    text-size-adjust: 80%;
    background: url(images/Rotating-golden-star.gif) left top no-repeat,
                url(images/Rotating-golden-star.gif) right top no-repeat;
}

.palert h1 {
    color: rgb(224, 60, 137);
    font-size: xx-large;
}

.palert_pic_left {
    float: left;
    width: 5%;
}

.palert_pic_right {       
        float: right;
        width: 5%;
}


.palert p {
    color: #ffbf00;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: large;
    text-align: center;
    width: auto;
    vertical-align: middle;
}

.astar {
    display: flex; 
    height: auto;
    width: auto; 
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;  
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

img.astar_star_left {
    height: 100%;
    max-width: 5%;
    margin: auto;
    margin-right: 0%;
    margin-left: 10%;
    margin-bottom: 50;
    vertical-align: top;
}

img.astar_star_right {
    height: 100%;
    max-width: 5%;
    margin: auto;
    margin-left: 0%;
    margin-right: 10%;
    margin-bottom: 50;
    vertical-align: top;
}

p.astar_text {
    color: rgb(224, 60, 137);
    font-size: xx-large;
    width: auto;
    align-content: center;
    justify-content: center;
    vertical-align: top;
    text-align: center;
    float: left;
}




.info {
    /* display: flex; 
    display: block; */
    padding-bottom: 15px;
    text-shadow: 2px 2px #000;
    /* align-items: center; */
    align-content:center;
    justify-content: center;
}

.info h1 {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    margin-top: 3px;
    margin-bottom: 15px;
    align-content:center;
    justify-content: center;
    text-align: center;
}

.info p { 
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align: center;
    vertical-align: middle;
}

.pedigree { 
    color: #ffbf00;
    font-style: normal;
    text-decoration: none;
    margin: 10px;
    margin-bottom: 50px;
    font-family: 'takhari_regular';
    text-shadow: 1px 1px #000;
}

.pedigree a { 
    color: #ffbf00;
    font-style: normal;
    text-decoration: none;
    font-family: 'takhari_regular';
}

.pedigree a:visited {
    color: #ffbf00;
    font-style: normal;
    text-decoration: none;
    font-family: 'takhari_regular';
}


.pedigree :is(a:hover, a:focus){
    color: red;
    font-style: normal;
    text-decoration: none;

    font-family: 'takhari_regular';
}

/*
.pedigree a:hover,
.pedigree a:focus {
    color: red;
    font-style: normal;
    text-decoration: none;
    font-family: 'takhari_regular';
}
*/

.pedigree a.active {
    color: red;
    font-style: normal;
    text-decoration: none;
    font-family: 'takhari_regular';
}


.one_pic {
    display: flex;
    height: auto;
    width: 100%; 
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;  
    justify-content: center;
}  

.one_pic img {
    display: block;
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center;  
    margin-left: auto;
    margin-right: auto;
}



.column_one_pic {
    width: 70%;
    padding: 10%;
    justify-content: center;
    align-content: center;
    align-items: center;  
    padding-top: 0px;
    margin-top: 20px;
    margin-left: auto; 
    margin-right: auto;
}
    

.column_one_pic img {
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center;  
    margin: auto;
    vertical-align: bottom;
}


/*
.menu_item {
color: #FBD67E;
background-color: #000;

font-style: normal;
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
}
*/



.two_pic {
    display: flex;
    height: auto;
    width: 100%; 
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;  
    justify-content: center;
}  

img.two_pic_left {
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    /*align-content: center; 
    align-items: center; */
    margin: auto;
    margin-right: 5%;
    margin-bottom: 0;
}

img.two_pic_right {
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    /* align-content: center; */
    align-items: center; 
    margin: auto;
    margin-left: 5%;
    vertical-align: bottom;
}

.column_two_pic {
    width: 70%;
    padding: 10%;
    justify-content: center;
    align-content: center;
    align-items: center;  
    padding-top: 0px;
    margin-top: 20px;
    margin-left: auto; 
    margin-right: auto;
}
    

.column_two_pic img {
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center;  
    margin: auto;
    vertical-align: bottom;
}

.finished {
    display: flex;
    
    height: auto;
    width: 80%; 
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;  
    justify-content: center;  
}

h2.finished {
    font-size: medium;
    line-height: 0.2;
    font-family: Arial, Helvetica, sans-serif;
}

h3.finished {
    font-size: medium;
    color: #FBD67E;
}
img.finished_left {
    border: 10px groove #FBD67E;
    height: auto;
    width:300px;
    /*
    min-width: 65%;
    max-width: 65%;
    */
    justify-content: left;
    /*align-content: center; 
    align-items: center; */
    margin: auto;
    margin-right: 2%;
    margin-left: 5%;
    margin-bottom: 0;
    align-items: center;
}

.text_right {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
    justify-content: center;
    align-items: center;
    line-height: 0.6;
    width: 600px;
    max-width: 100%;
    margin-left: 5%;
    margin-bottom: 1%;
    height: auto;
    max-width: auto;
}
/*
.p.text_right {

}
*/

/* four pic */

/*
.four_pic {
    display: flex;
    height: auto;
    width: 100%; 
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;  
    justify-content: center;
}  

.four_column {
    display: flex
    flex-direction: column;
    flex-basis: 100%;
    
}

}

img.four_column {
    height: 100px;             3                                                                                                                                                                                                                                                                                                                   
    border: 10px groove #FBD67E;
    max-width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center; 
    margin: auto;
    margin-right: 5%;
    margin-bottom: 0;
}

img.four_pic_left {
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center; 
    margin: auto;
    margin-right: 5%;
    margin-bottom: 0;
}

img.four_pic_right {
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center;  
    margin: auto;
    margin-left: 5%;
    vertical-align: bottom;
}

.column_four_pic {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex 1 1 49%;
    overflow: hidden; 
/*
    width: 70%;
    padding: 10%;
    justify-content: center;
    align-content: center;
    align-items: center;  
    padding-top: 0px;
    margin-top: 20px;
    margin-left: auto; 
    margin-right: auto;
}
*/


.column_four_pic img {
    border: 10px groove #FBD67E;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center;  
    margin: auto;
    vertical-align: bottom;
}



/* end of 4 pic */

.intro {
    margin: 0px; 
    padding: 5%;
    width: 90%;
    height: max-content;
    color: #FBD67E;
    font-family: Arial, cursive;
    font-style: italic;
    text-indent: 8px;
}

.intro h1 {
    font-family: 'takhari_regular';
    color: #ffbf00;
    font-size: 3em;
    font-weight: lighter;
    text-align: center;
    font-style: normal;
    text-decoration: none;
}

.shanan_pic {
    float: left;
}

.akc_breeder_card {
    float: left;
    width: 50%;
	text-align: center;
    
}

.akc_breeder_card img {
    width: 400px;
    padding-left: 10px;
}

.spacer_art {
    display: block; 
    height: 100%; 
    margin-left: auto;
    margin-right: auto; 
    width: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
}


.center_screen {
    justify-content: center;
	align-items: center;
    height: 100%; 
    /* margin-left: 20%; */
    /* margin-right: 20%; */
    max-width: 720px;
    margin-inline: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline:  21px;
    border-color: #ffbf00; 
    text-align: center;
    align-content: center; 
    font-family: 'takhari_regular';
    font-size: 20px;
    color: #ffbf00;
}

.center_screen img {
    border: 10px groove #FBD67E;
    width: 450px;
    height: auto;
}

.center_screen h1 {
    color: #FBD67E;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 
    'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: italic;
}
    
.center_screen h2 {
    color: #FBD67E;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 
    'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: italic;
}

.shanan_links {
    justify-content: center;
	align-items: center;
    height: 100%; 
    margin-left: 20%;
    margin-right: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-color: #ffbf00; 
    text-align: center;
    align-content: center; 
    font-family: 'takhari_regular';
    font-size: 20px;
    color: #ffbf00;
}

.shanan_links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.shanan_links a:link {
    color: #FBD67E;
    padding: 20px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-family: 'takhari_regular';
    /*
    border: 1px;
    border-color: #ffbf00;
    border-style: solid;
    */
}

.shanan_links a:visited {
    color: #FBD67E;
    padding: 20px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'takhari_regular';
}

.shanan_links a:hover,
.shanan_links a:focus {
    color: #ffbf00;
    padding: 20px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'takhari_regular';
    
}

.shanan_links a.active {
    color: red;
    background-color: #000;
    padding: 20px;
    font-style: normal;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'takhari_regular';
}


.PeaxWebdesignarrows_top {
    font-family: PeaxWebdesignarrows;
    font-size: xx-large;
    color: rgb(242, 195, 154); 
    transform: rotate(200deg);
    
}

.PeaxWebdesignarrows_bottom {
    font-family: PeaxWebdesignarrows;
    font-size: xx-large;
    color: orangered; 
    transform: rotate(60deg);
    
    
}


.pedigree_wrapper {
    display: grid;
    grid-template-columns: 3fr 1fr 2fr 1fr 2fr 1fr 2fr;
    grid-template-rows: repeat(9, 1fr);
    justify-content: center;
    border: 1px;
    padding: 3%;

}

.forth_gen_header {
    grid-column-start: 6;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    border-right: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;
    text-align: center;
    align-content: center;
    color: #d8a60e;
   
}

.forth_gen_spacer {
    grid-column-start: 6;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;; 

}
.third_gen_header {
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
    border-right: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    align-content: center;
    color: #d8a60e;
}

.second_gen_header {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    border-right: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    align-content: center;
    color: #d8a60e;
}

.first_gen_header {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    border-left: 2px solid #ffbf00;;
    border-right: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    align-content: center;
    color: #d8a60e;
}


.fourth_gen_sire_sire_sire {
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left;
    padding-right: 5%;
}

.fourth_gen_sire_sire_dame {
    grid-column-start: 7; 
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left;
    padding-right: 5%;
}

.fourth_gen_sire_dame_sire {
    grid-column-start: 7; 
    grid-column-end: 9;
    grid-row-start: 4;
    grid-row-end: 5;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left;
    padding-right: 5%;
}

.fourth_gen_sire_dame_dame {
    grid-column-start: 7; 
    grid-column-end: 9;
    grid-row-start: 5;
    grid-row-end: 6;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left;
    padding-right: 5%;
}


.fourth_gen_dame_sire_sire {
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 6;
    grid-row-end: 7;    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left;
    padding-right: 5%;
}

.fourth_gen_dame_sire_dame {
    grid-column-start: 7; 
    grid-column-end: 9;
    grid-row-start: 7;
    grid-row-end: 8;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left; 
    padding-right: 5%;

}

.fourth_gen_dame_dame_sire {
    grid-column-start: 7; 
    grid-column-end: 9;
    grid-row-start: 8;
    grid-row-end: 9;    
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left;

}

.fourth_gen_dame_dame_dame {
    grid-column-start: 7; 
    grid-column-end: 9;
    grid-row-start: 9;
    grid-row-end: 10;    
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: left;
    padding-right: 5%;
}


.fourth_gen_sire_sire_sire_arrow {
    display: grid;
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    text-align: center;
    font-family: PeaxWebdesignarrows;

}

.fourth_gen_sire_sire_dame_arrow {
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
}
.fourth_gen_sire_dame_sire_arrow {
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 4;
    grid-row-end: 5;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
}
.fourth_gen_sire_dame_dame_arrow {
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 5;
    grid-row-end: 6;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
}

.fourth_gen_dame_sire_sire_arrow {
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 6;
    grid-row-end: 7;    
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
}

.fourth_gen_dame_sire_dame_arrow {
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 7;
    grid-row-end: 8;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
}
.fourth_gen_dame_dame_sire_arrow {
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 8;
    grid-row-end: 9;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
}
.fourth_gen_dame_dame_dame_arrow {
    grid-column-start: 6; 
    grid-column-end: 7;
    grid-row-start: 9;
    grid-row-end: 10;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
}


.third_gen_sire_sire {
    display: grid;
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 4;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    padding-right: 5%;
}


.third_gen_sire_dame {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 6;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    padding-right: 5%;
}

.third_gen_dame_sire {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 6;
    grid-row-end: 8;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    padding-right: 5%;
}

.third_gen_dame_dame {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 8;
    grid-row-end: 10;    
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    padding-right: 5%;
}


.third_gen_sire_sire_arrow {
    grid-column-start: 4; 
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 4;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    text-align: center;
    font-size: large;
}

.third_gen_sire_dame_arrow {
    grid-column-start: 4; 
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 6;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    font-size: large;
}
.third_gen_dame_sire_arrow {
    grid-column-start: 4; 
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 8;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    font-size: large;
}
.third_gen_dame_dame_arrow {
    grid-column-start: 4; 
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 10;
    align-content: center ;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    font-size: large;
}


.second_gen_sire {
    display: grid;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 6;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    padding-right: 5%;
}


.second_gen_dame {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 10;
    align-content: center;
    align-items: center;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    padding-right: 5%;
}

.second_gen_sire_arrow {
    grid-column-start: 2; 
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 6;
    align-content:center;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    border-top: 2px solid #ffbf00;;
    text-align: center;
    font-size: xx-large;
}
.second_gen_dame_arrow {
    display: grid;
    grid-column-start: 2; 
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 10;
    align-content: center ;
    align-items: center;
    border-bottom: 2px solid #ffbf00;;
    text-align: center;
    font-size: xx-large;
}


.first_gen_sire {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 10;
    align-content: center;
    align-items: center;
    text-align: center;
    border-top: 2px solid #ffbf00;;
    border-left: 2px solid #ffbf00;;
    border-right: 2px solid #ffbf00;;
    border-bottom: 2px solid #ffbf00;;
    border-color: #ffbf00;;
}






footer {
    color: #FBD67E;
    text-align: center;
 /*   font-family: 'takhari_bradley_hand', cursive;
    font-size: large;
    font-weight: bold;  */
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold; 
}

footer p {
    margin: 6px;
    color: #ffbf00;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
}

.shanan_official {
    /* color: #FBD67E; */
    color: #ffbf00;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
}

.gummyear {
    color: #E68A5C;
    font-size: large;
    font-weight: normal;
    font-family: 'Winter-Pen-22', 'Times New Roman', Times, serif;
    margin-bottom: 0px;
}

.two_col_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 3fr;

}

.two_col_title {
    text-align:center;
    color: #ffbf00;
    font-family: 'takhari_regular';
    font-size: 20px;
    text-shadow: 3px 3px #000;

}
.two_col_grid-a {
    grid-column-start: 1;
    grid-column-end: 2;
}

.two_row_grid-b {
    grid-column-start: 1;
    grid-column-end: 2;
}