:root {
	--width-border: 6px;
	
	--height-top-bar: 52px;
	
}
.landscape:root {
	--height-menu-landscape-bar: 52px;
	--height-bottom-bar: 0px;
}
.portrait:root {
	--height-menu-landscape-bar: 0px;
	--height-bottom-bar: 52px;
}




:focus-visible {
	outline: none;
}




.sketchy body, 
.sketchy .content_inlay, 
.sketchy #menu_wrapper_portrait {
    background-image: url("../../images/backgrounds/sketchy/Background - 001.png");
    background-size: 35px;
    font-family: 'Patrick Hand';
    font-size: 21px;
    line-height: 25px;
}




.sketchy .title.wrapper {
    font-family: 'Patrick Hand';
    font-size: 125%;
}





.sketchy .content_inlay,
.sketchy input,
.sketchy textarea,
.sketchy button,
.sketchy_box,
.sketchy .menu_wrapper {
	border-image: url("../../images/borders/sketchy/Sketchy - Rectangle - 800x800.png") 25 25 25 25 round round !important;
	border-width: var(--width-border) !important;
	border-style: solid !important;
}

.sketchy .clickable {
    border: none;
}

.sketchy .content_inlay.bottom-bar {
    color: unset;
    background-color: white;
}


.sketchy .image_wrapper {
    border-image: url("../../images/borders/sketchy/Sketchy - Rectangle - 800x800.png") 25 25 25 25 round round !important;
    /* border-width: 6px !important; */
    border-style: solid !important;
    background-clip: padding-box;
    box-shadow: 0px 0px 20px 10px lightgrey;
    border: 10px solid white;
}


.sketchy .icon.social {
    background-image: url("../../images/icons/sketchy/Social Icons - 001.png");
    background-size: 475%;
    border: 0px solid black !important;
}

.sketchy .icon.facebook {
    background-position-x: -76px;
    background-position-y: 0px;
}

.sketchy .icon.twitter {
    background-position-x: -38px;
    background-position-y: 0px;
}

.sketchy .icon.linkedin {
    background-position-x: 0;
    background-position-y: -33px;
}

.sketchy .icon.instagram {
    background-position-x: 0;
    background-position-y: -66px;
}

.sketchy .icon.control {
    background-image: url("../../images/icons/sketchy/Control Icons - 001.png");
    background-color: #f9c671;
    height: var(--height-icon);
    width: var(--width-icon);
    border: 0px solid red;
    background-size: 400%;
    background-repeat: no-repeat;
    border-radius: 15px;
    cursor: pointer;
}

.sketchy .icon.control.previous {
    background-position-x: -1px;
    background-position-y: -44px;
}

.sketchy .icon.control.play {
    background-position-x: 0px;
    background-position-y: 0px;
}

.sketchy .icon.control.stop {
    background-position-x: -89px;
    background-position-y: 0px;
}

.sketchy .icon.control.next {
    background-position-x: -89px;
    background-position-y: -44px;
}

.sketchy .icon.control.resize {
    background-position-x: -89px;
    background-position-y: -133px;
}


.sketchy .icon.toggle-captions {
    background-position-x: -1px;
    background-position-y: -132px;
}

.sketchy.portrait .menu_item_portrait.menu_item {
    border-width: 6px;
    border-image: url("../../images/borders/sketchy/Sketchy - Rectangle - 800x800.png") 25 25 25 25 round round !important;
    border-style: solid;
}

.sketchy .calendar_date_wrapper {
    border-image: url("http://localhost/sorabhsodhani/themes/images/borders/sketchy/Sketchy - Rectangle - 800x800.png") 25 25 25 25 round round !important;
    border-width: 6px;
    border-style: solid;
}