/* Base Styles */



:root {
    font-size: 10px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}


.slick-arrow {
    display:none;
}
.slick-next,.slick-prev {
    width:40px!important;
    height:40px!important;
    font-size:40px!important;
    opacity:0.5;
}

.navigation {

    background-color:#222;
    border-radius:25px;
    position:absolute;
    color:#fff;
    top:5px;
    right:5px;
    padding:5px 10px;
    font-size:14px;
}

.slick-next:before,.slick-prev:before {

    font-size:40px!important;
    
}

.slick-next {
    right:10px!important;
}

.slick-prev {
    left:10px!important;
    z-index:1;
}

.slick-dots li button:before {
    font-size:14px!important;
    color:#fff!important;
    text-shadow: 1px 1px 5px #000;
    opacity:.65!important;
}

.slick-dots li.slick-active button:before
{
    opacity: 1!important;
    color: #fff!important;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1!important;
}

.slick-dotted.slick-slider
{
    margin-bottom: 10px!important;
}

.feature-item {
    height:55vw;
    height:100%;
}
.feature-item iframe.youtube {
    max-height:60vw!important;
    width:100%;
    height:100%;
}


.video-cover {
    height:45vw;
    width:100%;
    background-color:#fff;
    opacity:0;
    position:absolute;
    top:0px;
    left:0px;
}


.loading_images{
    background-image:url('https://d2l6uygi1pgnys.cloudfront.net/jsapi/0-6/assets/images/loader.gif');
	background-repeat:no-repeat;
	background-position:center top;
	height:25px;
	display:block;
    width:100%;
    grid-column: 1/-1;
}

body {
    font-family: "Open Sans", Arial, sans-serif;
    background-color: rgb(250,250,250);
    color: #555555;
	margin:auto!important;
    max-width:80rem;
}


header {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; 
	padding:10px 15px;
	background-color:#efefef;
}


.slick-dots {
    top: 47vw!important;  
    height:20px!important;
}

.oneclick-buttons {
	text-align:center;
	display:block;
}

.oneclick-buttons button:first-of-type {
    margin-top:10px!important;
}

.oneclick-button {
	border:0px solid #ddd;
	background-color:#f1f1f1;
	border-radius:7px;
	cursor:pointer;
	display:block;
	width:97%;
	font-size:26px;
	text-align:center;
	margin:auto!important;
	margin-bottom:10px!important;
	font-weight:500;
	padding:4px 5px;
    font-family: Arial, sans-serif;
    display:flex;
    align-items:center;
}


add-to-calendar-button {
    min-height:57px!important;
}
add-to-calendar-button.oneclick-button {
    background-color:rgba(0,0,0,0)!important;
    padding:0px!important;
}

.oneclick-button:hover {
	box-shadow: 1px 1px 1px rgba(50,50,50,.2);
}

footer {
    max-width:80rem;
	
	position:fixed;
	bottom:0px;
	padding:0px;
	text-align:center;
	background-color:#f3f3f3;
	width:100%;
	margin-top:3px;
    margin:0 auto;
    z-index: 10
}


footer {
    overflow-x: hidden;
    overflow-y: hidden;
}

footer a {
	color:inherit;
	display:none;
}

footer a .fab {
	font-size:24px;
	margin:8px 9px;
}

footer a .fas {
	font-size:24px;
	margin:8px 9px;
}

footer a:hover {
	opacity:0.65;
}

footer a svg {
	color:inherit;
	display:none;
	font-size:24px;
	margin:9px 8px;
}



footer a:hover svg {
	opacity:0.65;
}




footer .fab.fa-youtube {
	position:relative;
	top:1px;
}


img {
    display: block;
}

.container {
    max-width: 93.5rem;
    margin: 0 auto;
    padding: 0;
}



.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* Profile Section */

.profile {
    padding: 5rem 0;
}

.profile::after {
    content: "";
    display: block;
    clear: both;
}

.profile-image {
    float: left;
    width: calc(33.3333333% - 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3rem;
}

.profile-image img {
    border-radius: 50%;
	max-width:150px;
	background-color:rgba(0,0,0,0);

}

.profile-user-settings,
.profile-stats,
.profile-bio {
    float: left;
    width: calc(66.666% - 2rem);
}

.profile-user-settings {
    margin-top: 1.1rem;
}

.profile-user-name {
    display: inline-block;
    font-size: 3.2rem;
    font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;	
}

header .bold {
    font-weight:600;
}

.profile-edit-btn {
    font-size: 1.4rem;
    line-height: 1.8;
    border: 0.1rem solid #dbdbdb;
    border-radius: 0.3rem;
    padding: 0 2.4rem;
    margin-left: 2rem;
}

.profile-settings-btn {
    font-size: 2rem;
    margin-left: 1rem;
}

.profile-stats {
    margin-top: 2.3rem;
}

.profile-stats li {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-right: 4rem;
    cursor: pointer;
}

.profile-stats li:last-of-type {
    margin-right: 0;
}

.profile-bio {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 2.3rem;
}

.profile-real-name,
.profile-stat-count,
.profile-edit-btn {
    font-weight: 600;
}

/* Gallery Section */

.gallery {
    display: flex;
    flex-wrap: wrap;
}

.gallery-item {
    position: relative;
    flex: 0 0 33.3333333%;
    padding: 1px;
    color: #fff;
    cursor: pointer;
}

.gallery-item:hover .gallery-item-info,
.gallery-item:focus .gallery-item-info {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.gallery-item-info {
    display: none;
}

.gallery-item-info li {
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 600;
}

.gallery-item-link {
    margin-right: 0rem;
	font-size:24px;
}

.gallery-item-type {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2.5rem;
    text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}



.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Feature Section */

.feature {
}

.feature-item {
    position: relative;
    flex: 0 0 100%;
    padding: 0px;
    cursor: pointer;
    max-height:90vw!important;
    opacity:1;
    
}

.feature-item:hover .feature-item-info,
.feature-item:focus .feature-item-info {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.feature-item-info {
    display: none;
}

.feature-item-info li {
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 600;
}

.feature-item-link {
    margin-right: 0rem;
	font-size:24px;
}

.feature-item-type {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2.5rem;
    text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}

.feature-image {
    object-fit: cover;
    padding:0px 0px 0px 0px;
    height:55vw!important;
    width:100%;
}

.video-iframe,.video-iframe iframe {
    width:100%;
    height:55vw!important;
}

.feature-content {
    font-size:5vw;
    margin: 10px;
    width:97%!important;
    color:#333;
}


.fa-clone,
.fa-comment {
    transform: rotateY(180deg);
}

/* Loader */

.loader {
    width: 5rem;
    height: 5rem;
    border: 0.6rem solid #999;
    border-bottom-color: transparent;
    border-radius: 50%;
    margin: 0 auto;
    animation: loader 500ms linear infinite;
}

/* Media Query */

@media (min-width: 580px) {
    .slick-dots {
        top: 50vw!important;  
        height:20px!important;
    }

}



@media (min-width: 992px) {


    .page-svg-icon {
        float:left;
        margin-left:10px;
        margin-top:0px!important;
        height:auto!important;
    }

    

    .oneclick-button {
        width:100%;
    }

    .container {
        max-width:80rem;
    }

    .feature-content {
        font-size:16px;
    }

    .slick-dots {
        top: 550px!important;  
        height:20px!important;
    }

    .profile {
        padding-top:20px;
        padding-bottom:20px;
        grid-template-columns: 200px 760px!important; 
    }

    .profile.center {
        grid-template-columns: 2fr!important; 

    }

    .feature-item {
        max-height:530px!important;
        height:100%;
    }

    .feature-image {
        height:455px!important;
    }
    .video-iframe,.video-iframe iframe {
        width:100%;
        height:455px!important;
    }

    .slick-dots {
        top:420px!important;
    }

    .video-cover {
        height:395px;
        width:100%;
        background-color:#fff;
        opacity:0;
        position:absolute;
        top:0px;
        left:0px;
    }

    .oneclick-button {
        min-height:50px;
	}	

}

@media screen and (max-width: 480px) {
	

header {
    padding:10px 10px;
}
.page-svg-icon {
    position:absolute!important;;
    left:10px!important;
    margin-left:5px;
    margin-top:1px;
}

a.oneclick-button.has_icon {
    padding-left:45px;
    padding-right:45px;
}


	footer a .fab {
		font-size:26px;
		font-size: 7vw;
		margin:8px 9px;
	}

	footer a .fas {
		font-size:26px;
		font-size: 7vw;
		margin:8px 9px;
	}	
	
	.oneclick-button {
		font-size: 6.5vw;
        min-height:13.5vw;
		text-align:center;
		margin:auto!important;
		margin-bottom:10px!important;
		font-weight:500;
	}	
	.oneclick-button .page-svg-icon {
        font-size:7.5vw;
        position:relative;
        margin:auto;
        display:inline-block;
        height:100%;
        margin-left:2vw;
    }

    .oneclick-button .page-button-text {
        margin:auto;
        display:inline-block;

    }

    
	.oneclick-button.large {
		font-size: 5.5vw;
		text-align:center;
		margin:auto!important;
		margin-bottom:10px!important;
		font-weight:600;
	}	

	
	
	.profile {
        display: flex;
        flex-wrap: wrap;
        padding: 1rem 0;
    }

    .profile::after {
        display: none;
    }

    .profile-image,
    .profile-user-settings,
    .profile-bio,
    .profile-stats {
        float: none;
        width: auto;
    }

    .profile-image img {
        width: 6rem;
    }

    .profile-user-settings {
        flex-basis: calc(100% - 10.7rem);
        display: flex;
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .profile-user-name {
        font-size: 2.5rem;
		font-size: 7.5vw;

    }

    .profile-edit-btn {
        order: 1;
        padding: 0;
        text-align: center;
        margin-top: 1rem;
    }

    .profile-edit-btn {
        margin-left: 0;
    }

    .profile-bio {
        font-size: 1.8rem;
		font-size:5vw;
        margin-top: 1.5rem;
		font-weight: 400;
		
    }

    .profile-edit-btn,
    .profile-bio,
    .profile-stats {
        flex-basis: 100%;
    }

    .profile-stats {
        order: 1;
        margin-top: 1.5rem;
    }

    .profile-stats ul {
        display: flex;
        text-align: center;
        padding: 1.2rem 0;
        border-top: 0.1rem solid #dadada;
        border-bottom: 0.1rem solid #dadada;
    }

    .profile-stats li {
        font-size: 1.4rem;
        flex: 1;
        margin: 0;
    }

    .profile-stat-count {
        display: block;
    }
}


@media screen and (max-width: 285px) {
	
	.oneclick-button .page-svg-icon {
        margin-top:1px;
    }
	footer a svg {
		font-size: 6.5vw!important;
		margin:8px 9px!important;
	}

	footer a svg {
		font-size: 6.5vw!important;
		margin:8px 6px!important;
	}

    .slick-dots {
        top: 47vw!important;  
        height:20px!important;
    }  

    .profile-bio {
        margin-top:10px!important;
    }

    .slick-next {
        right:5px!important;
    }
    
    .slick-prev {
        left:5px!important;
        z-index:1000000;

    }

    .navigation {

        background-color:#222;
        border-radius:25px;
        position:absolute;
        color:#fff;
        top:5px;
        right:5px;
        padding:5px 10px;
    }

    .oneclick-button {
        min-height:15.5vw;
    }
}





/*

The following code will only run if your browser supports CSS grid.

Remove or comment-out the code block below to see how the browser will fall-back to flexbox & floated styling. 

*/

@supports (display: grid) {
    .profile {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 1rem;
        align-items: center;
    }
	
	.profile.center {
		grid-template-columns: 2fr;
		text-align:center;
	}	
	
	.profile.center  .profile-bio {
		margin-top:0px;
		padding-top:0px;
	}
	

    .profile-image {
        grid-row: 1 / -1;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(3, minmax(50px, 1fr));
        grid-gap: 8px!important;
    }

    .gallery-item {
        aspect-ratio: 1; 
    }

    .gallery-item-tiktok {
        aspect-ratio: 3/4; 
        height:auto;
    }	

    .gallery-item-instagram-new {
        aspect-ratio: 4/5; 
        height:auto;     
    }

    .profile-image,
    .profile-user-settings,
    .profile-stats,
    .profile-bio,
    .gallery-item,
    .gallery {
        width: auto;
        margin: 0;
    }
	
	.gallery-item {
		padding: 0px;
	}	

    .gallery-item img {
        border-radius:2px!important;

    }

    @media (max-width: 280px) {

        .gallery-item-tiktok {
            aspect-ratio:  3/4; 
            height:auto;
    
        }	

        .gallery-item-instagram-new {
            aspect-ratio: 4/5; 
            height:auto;     
        }
    }

    @media (max-width: 800px) {

        .gallery {
            display: grid;
            grid-template-columns: repeat(3, minmax(50px, 1fr));
            grid-gap: 5px!important;
            width:100%!important;
        }
    

        .gallery-item-tiktok {
            aspect-ratio:  3/4; 
            height:auto;
    
            
        }

        .gallery-item-instagram-new {
            aspect-ratio: 4/5; 
            height:auto;     
        }
        
        .profile {
            grid-template-columns: auto 1fr;
            grid-row-gap: 0rem;
        }

        .profile-image {
            grid-row: 1 / 2;
        }

        .profile-user-settings {
            display: grid;
            grid-template-columns: 2fr;
            grid-gap: 1rem;
        }

        .profile-edit-btn,
        .profile-stats,
        .profile-bio {
            grid-column: 1 / -1;
        }

        .profile-user-settings,
        .profile-edit-btn,
        .profile-settings-btn,
        .profile-bio,
        .profile-stats {
            margin: 0;
        }
		
		.gallery {
			grid-gap: 3px;
		}		
        .feature-image {
            margin:0px 0px 5px 0px;
        
        }
                
    }


}




a.oneclick-button {
    text-decoration:none;
    padding:9px 5px 6px 5px;
}

.oneclick-buttons > :first-child {
    margin-top:10px!important;
}



add-to-calendar-button #atcb-reference {
    display:none!important;
}

.page-svg-icon {
    float:left;
    margin-left:10px;
    margin-top:-2px;
    height:auto!important;
}

a.oneclick-button.has_icon {
}

.oneclick-button .page-button-text {
    margin:auto;
    display:inline-block;

}



footer a svg {
    font-size:26px;
}

.feature-image {
    margin:0px 0px 5px 0px;

    }
    .feature-content {
        margin:0px 5px 0px 5px;
}			

@media (min-width: 992px) {
    footer a svg {
    font-size:24px;
    }	

    .feature-image {
        margin:0px 0px 10px 0px;

        }	
    .feature-content {
        margin:10px 0px 10px 0px;
    }

}