/* Popcorn Utility Framework */

/* Search */

input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	padding: 9px 10px 9px 32px;
	width: 55px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #f25a54;
    font-size: 16px;
    font-weight: 300;
	
	-webkit-box-shadow: 0 0 3px #f25a54;
	-moz-box-shadow: 0 0 3px #f25a54;
	box-shadow: 0 0 3px #f25a54;
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

#pop-search input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#pop-search input[type=search]:hover {
	background-color: #fff;
}
#pop-search input[type=search]:focus {
	width: 200px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#pop-search input:-moz-placeholder {
	color: transparent;
}
#pop-search input::-webkit-input-placeholder {
	color: transparent;
}


/* Colors */
.pop-nav-bg-col,
.pop-header-bg-col {
    background-color: #FFFFFF;
}

.pop-text-primary {
    color: #f25a54;
}

.pop-bg-secondary {
    background-color: #fff3ad;
}

/* Typography */

.pop-text-center {
    text-align: center;
}

.pop-text-decoration-none {
    text-decoration: none;
}

.pop-font-size-0_9 {
    font-size: 0.9rem;
}

/* Layout */

.pop-grid {
    display: grid;
}
.pop-grid-1-1,
.pop-grid-1-3 {
    grid-template-columns: 1fr;
}

@media screen and (min-width: 993px) {
    .pop-grid-1-3 {
        grid-template-columns: 1fr 3fr;
    }
}

.pop-grid-just-center,
.pop-grid-just-end,
.pop-grid-just-start {
    justify-self: center;
}

@media screen and (min-width: 993px) {
    .pop-grid-just-start {
        justify-self: start;
    }
    .pop-grid-just-end {
        justify-self: end;
    }
}

.pop-grid-align-center {
    align-self: center;
}

.pop-ml-a {
    margin-left: auto;
}

.pop-mr-a {
    margin-right: auto;
}

.pop-mt-0_5 {
    margin-top: 0.5rem;
}

.pop-mb-0_5 {
    margin-bottom: 0.5rem;
}

.pop-m-1 {
    margin: 1rem;
}

.pop-m-2 {
    margin: 1rem;
}

@media screen and (min-width: 993px) {
    .pop-m-2 {
        margin: 2rem;
    }
}

.pop-site-width {
    max-width: 1200px;
}

.pop-width-100 {
    width: 100%;
}

.pop-height-100 {
    height: 100%;
}

/* Eye Candy */

.pop-box-shadow {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}

.pop-box-radius {
    border-radius: 10px;
}

.pop-box-radius-inner {
    border-radius: 5px;
}