/* 
Theme Name:		 roxanne
Theme URI:		 http://childtheme-generator.com/
Description:	 roxanne is a child theme of OceanWP, created by ChildTheme-Generator.com
Author:			 Roxanne Coburn
Author URI:		 http://childtheme-generator.com/
Template:		 oceanwp
Version:		 1.0.0
Text Domain:	 roxanne
*/


/*
    Add your custom styles here
*/

@import url("https://use.typekit.net/iyn5ljr.css");
@import url('https://fonts.googleapis.com/css2?family=Fira+Mono&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

@font-face {
    font-family: 'Whatever';
    src: url('fonts/WhateverV1-Regular.ttf');
}

@font-face {
    font-family: 'Christmas Gift';
    src: url('fonts/Christmas_Gift.ttf')
}


.e-con-inner {
    max-width: 100% !important;
}

.elementor-element.elementor-element-93b2352.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding: 0;
}
h1, h2, h3, h4, h5 {
    font-family: 'Christmas Gift' !important;
    text-transform: uppercase;
    letter-spacing: 4px;  
}

h1 {
    font-size: 3em!important;
    color: white;
}

h2 {
    font-size: 2em!important;
}

#pumpkin {
    cursor: pointer;
}
#pumpkin:hover{
  animation: pulse; 
  animation-duration: 1s; 
}

.elementor-icon-list-icon:hover, .elementor-icon:hover {
    animation: bounce;
    animation-duration: 1s;
}

ul#menu-header {
    font-family: 'Christmas Gift';
    list-style-type: none !important;
    letter-spacing: 4px;
    margin: 0;
    font-size: 2em;
    text-align: center;
}

ul#menu-header li {
    display: inline !important;
    padding: 0 15px;
}

p, body {
 font-family: 'Whatever', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin-bottom: 0 !important;
}

a.elementor-button {
    font-family: 'Christmas Gift' !important;
    font-size: 2em;
    letter-spacing: 3px;
    padding-top: 20px;
}

#menu-item-106 a{
    background-color: #81F4C4;
    max-width: 120px;
    padding: 12px 30px;
    max-height: 60px;
    color: black;
    display: inline-block;
    text-decoration: none;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.3s;
}

#menu-item-106 a:hover {
  /* Hover effect */
  opacity: .5;
}

#menu-item-106 a:active {
  /* Click feedback effect */
  position: relative;
  top: 1px;
}


@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}




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

}

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

}

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

}