/*
Theme Name: Popz
Author: Gabor Kriston
Author URI: https://dxlabz.com/
Description: Mobile friendly theme for the Popz company
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: orange, blue, red, fun
Text Domain: popz
*/

#contact-form-submit {
	margin-top: 15px;
    padding: 12px 20px;
    background: none;
    border: 2px solid #092e55;
    color: #092e55;
}

#contact-form-submit:hover {
	color: #fff;
    background-color: #092e55;
}

.wpcf7-form-control .wpcf7-quiz {
	width: 35%;
}

.contact-page-contact-form label {
	width: 100%;

}

.contact-page-contact-form input {
	border: 1px solid #c8c5ce;
    padding: 10px 15px;
}

.contact-page-contact-form .your-name input {
	width: 100%;
}

.contact-page-contact-form .your-email input {
	width: 100%;
}

.contact-page-contact-form .your-message textarea {
	width: 100%;
}


/** POPZ QUARANTINE PAGE **/

.popz-quarantine .row.intro .img img { 
	width: 100%;
    height: 400px;
    object-fit: contain;
 } 

 .popz-quarantine .row.intro .text {
    margin-top: 20px;
 }
.popz-quarantine .row.intro .text h3 {
	font-size: 36px;
    line-height: 36px;
    font-weight: 800;
}
 

 .popz-quarantine .row.intro .text ul {
    margin-top: 30px;
 }


.popz-quarantine .row.intro .text ul li {
	margin: 15px 0;
	font-size: 20px;
	font-weight: 700;
	color: #666666;
}

.popz-quarantine .row.intro .text ul li a {
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	color: #666666;

}

.popz-quarantine .row.intro .text ul li a:hover {
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	opacity: 0.8;
}

.popz-quarantine .row.games {
	display: flex;
	flex-wrap: wrap;
}

.popz-quarantine .row.games .text h4 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 50px;
    color: #007cba;
}
.popz-quarantine .row.games .img {
	margin: 30px 0;
}

.popz-quarantine .row.games .img img{
    height: 400px;
    object-fit: cover;
    width: 100%;
    object-position: 50% 30%;
}

.popz-quarantine .row.games .img .game-2 {
	object-position: 50% 50%;
}

.popz-quarantine .row.games .img .game-3 {
	object-position: 50% 70%;
}

.popz-quarantine .row.spotify-and-youtube {
	text-align: center;
	margin-bottom: 50px;
}

.popz-quarantine .row.spotify-and-youtube h4 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 50px;
    color: #333;
    line-height: 40px;
}

.popz-quarantine .row.spotify-and-youtube #spotify span {
	color: #1db954;
	font-size: 50px;
}

.popz-quarantine .row.spotify-and-youtube #youtube span {
	color: #efae05;
	font-size: 50px;
}

	.reverse {
		flex-direction: column-reverse;
	}

	#free_recipe_e-book.new-landing {
		padding: 4rem 0;
	}
	#free_recipe_e-book.new-landing .subtitle {
		font-size: 24px;
		line-height: 1.2;
	}
	#free_recipe_e-book.new-landing h2 {
		text-align: left;
		margin-top: 0;
		line-height: 1;
	}
	#free_recipe_e-book.new-landing p,
	#free_recipe_e-book.new-landing li {
		font-size: 18px;
	}
	#free_recipe_e-book.new-landing ul {
		list-style-type: none;
		padding-left: 0;
	}
	#free_recipe_e-book.new-landing form {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#free_recipe_e-book.new-landing .list-text {
		margin-bottom: 0;
	}
	#free_recipe_e-book.new-landing .popcorn-front {
		max-width: 350px;
		height: auto;
		filter: drop-shadow(0 15px 8px rgba(0,0,0,.5));
	}
	#free_recipe_e-book.new-landing .row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	#social-media.new-landing {
		height: auto;
		padding-bottom: 30px;
	}
	#social-media.new-landing p {
		text-align: center;
		font-size: 34px;
		font-weight: 700;
		margin-bottom: 50px;
		color: #fff;
	}

	#quarantine-kit.new-landing .row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 20px;
    	gap: 30px;
	}
	#quarantine-kit.new-landing .row h4 {
		margin-top: 0;
	}
	#quarantine-kit.new-landing .top-banner {
		display: flex;
		flex-wrap: wrap;
	}
	#quarantine-kit.new-landing .img,
	#quarantine-kit.new-landing .text {
		margin: 0;
	}
	
	#popcorn-expert {
	    background-color: rgba(214, 22, 45, 0.7);
	    padding: 70px 0 100px;
	}
	#popcorn-expert .title-box {
		margin-bottom: 30px;
	}
	#popcorn-expert h2 {
		color: #fff;
		font-size: 45px;
		font-weight: 700;
		line-height: 0.8;
		margin: 0;
	}
	#popcorn-expert h2.yellow {
		color: #EFAE05;
		font-size: 32px;
	}
	#popcorn-expert .img-box {
		text-align: center;
		margin-top: 30px;
	}
	#popcorn-expert .img-box p {
		color: #fff;
		font-size: 30px;
		margin-top: 20px;
	}
	#popcorn-expert .img-box .google-play {
	    max-width: 250px;
	}
	#popcorn-expert .img-box a:hover img {
	    margin-left: 15px;
	    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}
	#popcorn-expert .text-box {
		color: #fff;
	}
	#popcorn-expert .text-box p {
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 25px;
	}
	#popcorn-expert .text-box .bold {
		font-weight: 700;
		font-size: 26px;
		line-height: 0.9;
	}
	#popcorn-expert .text-box ul {
		list-style-type: none;
		padding-left: 0;
		line-height: 1.6;
	}
	#popcorn-expert .text-box ul li {
		font-size: 24px;
		font-weight: 400;
	}

	@media (min-width: 768px) {
		.reverse {
			flex-direction: row;
		}
		#free_recipe_e-book.new-landing {
			padding: 8rem 0;
		}
		#free_recipe_e-book.new-landing h2 {
			font-size: 62px;
		}
		#free_recipe_e-book.new-landing .subtitle {
			font-size: 32px;
		}
		#free_recipe_e-book.new-landing .row {
			flex-wrap: nowrap;
		}
		#quarantine-kit.new-landing .intro {			
			flex-wrap: nowrap;
		}
		#quarantine-kit.new-landing .top-banner {
			flex-wrap: nowrap;
		}
		#quarantine-kit.new-landing .row {
			margin-bottom: 80px;
			gap: 0;
		}
		#popcorn-expert .title-box {
			margin-bottom: 70px;
		}
		#popcorn-expert h2 {
			font-size: 82px;
		}
		#popcorn-expert h2.yellow {
			font-size: 42px;
		}
		#popcorn-expert .img-box {
			margin-top: 0;
		}
	}




/** POPZ SOCIAL PAGE **/


.popz-social .row {
  position: relative;
  margin: 150px 0 50px 0;
}

.popz-social .row .facebook,
.popz-social .row .instagram  {
  height: 360px;
}

.popz-social .row .facebook img,
.popz-social .row .instagram img {
  position: absolute;
}

.popz-social .row .facebook .popcorn-back, 
.popz-social .row .instagram .popcorn-back  {
  filter: drop-shadow(0 15px 8px rgba(0,0,0,.5));
}

.popz-social .row .facebook .facebook-logo, 
.popz-social .row .instagram .instagram-logo  {
  width: 35%;
  max-width: 200px;
  left: 196px;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.popz-social .row .facebook a:hover .facebook-logo, 
.popz-social .row .instagram a:hover .instagram-logo  {
  margin: -15px 0px;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.popz-social .row .facebook .follow-facebook {
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 65px;
    background: rgb(6,60,202);
	background: linear-gradient(0deg, rgba(6,60,202,1) 0%, rgba(14,116,227,1) 100%);;
    padding: 10px 35px;
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    filter: drop-shadow(0 15px 8px rgba(0,0,0,.5));
    letter-spacing: 4px;
}

.popz-social .row .instagram .follow-instagram {
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 60px;
    background: rgb(249,206,85);
	background: linear-gradient(8deg, rgba(249,206,85,1) 0%, rgba(236,53,75,1) 27%, rgba(137,28,171,1) 60%, rgba(73,50,228,1) 100%);
    padding: 10px 35px;
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    filter: drop-shadow(0 15px 8px rgba(0,0,0,.5));
    letter-spacing: 4px;
}

#free_recipe_e-book {
    padding: 8rem 0;
    height: auto;
}
#free_recipe_e-book .container {
    padding-right: 15px;
    padding-left: 15px;
}
#free_recipe_e-book h2 {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 45px;
}
#free_recipe_e-book h2 span {
    color: #215FA2;
    font-weight: 900;
}
#free_recipe_e-book .wpcf7-form {
    color: #fff;
    max-width: 578px;
    margin-top: 20px;
    margin-bottom: 50px;
}
#free_recipe_e-book .wpcf7-form .email {
    font-size: 2rem;
    line-height: 0;
}
#free_recipe_e-book .wpcf7-form .email .wpcf7-form-control::placeholder {
    opacity: 0.6;
    font-weight: 400;
    font-size: 1.5rem;
}
#free_recipe_e-book .wpcf7-form .wpcf7-email {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    color: #000;
}
#free_recipe_e-book .wpcf7-form .wpcf7-list-item {
    margin-left: 0;
}
#free_recipe_e-book .wpcf7-form .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 1.8rem;
}
#free_recipe_e-book .wpcf7-form .wpcf7-submit {
    margin-top: 15px;
    padding: 16px 24px;
    font-size: 1.8rem;
    border: 0;
    border-radius: 0;
    border-bottom: 5px solid #0b3a6c;
    color: #fff;
    background-color: #215fa2;
    transition: background-color .2s ease-in-out;
    text-transform: uppercase;
}
#free_recipe_e-book .wpcf7-form .wpcf7-submit:hover {
    background-color: #1d538d;
}
#free_recipe_e-book .wpcf7-form .wpcf7-submit:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
#free_recipe_e-book .wpcf7-form .wpcf7-submit:active {
    top: 2px;
    margin-bottom: 2px;
    position: relative;
}
#free_recipe_e-book .text-container .blue {
    color: #215FA2;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 15px;
}
#free_recipe_e-book .text-container .blue span {
    font-size: 74px;
}
#free_recipe_e-book .text-container .white {
    font-size: 34px;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 620px) {
	.popz-social .row .facebook .follow-facebook,
	.popz-social .row .instagram .follow-instagram {
		font-size: 16px;
	    bottom: 40%;
    	left: 12%;
	}
	.popz-social .row .facebook .facebook-logo, 
	.popz-social .row .instagram .instagram-logo {
    	left: 39%;
	}
}

@media (min-width: 768px) {
     #free_recipe_e-book .wpcf7-form {
        margin-top: 70px;
     }
     #free_recipe_e-book .text-container .blue {
         margin-top: 0;
     }
}


/** Hotel Transylvania Section **/

#hotel-transylvania {
    padding: 0;
}
#hotel-transylvania img {
    width: 100%;
    height: 90vw;
    object-fit: cover;
}
@media (min-width: 768px) {
    #hotel-transylvania img {
        height: 60vw;
    }
}
@media (min-width: 992px) {
    #hotel-transylvania img {
        height: 100%;
    }
}

/** Hotel Transylvania Page **/

.hotel-transylvania {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 5rem 0 8rem;
}
.hotel-transylvania .img-box {
    padding-bottom: 5rem;
}
.hotel-transylvania img {
    padding-bottom: 3rem;
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
   .hotel-transylvania {
       justify-content: space-between;
       flex-direction: row;
   } 
   .hotel-transylvania img {
       width: 90%;
        max-width: 200px;
   }
}
@media (min-width: 1200px) {
    .hotel-transylvania img {
       width: 100%;
    }
}

/** Spiderman Page **/

.spiderman {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 5rem 0 8rem;
}
.spiderman .img-box {
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
}
.spiderman img {
    padding-bottom: 2rem;
}
.spiderman .btn-box {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
   .spiderman {
       justify-content: space-between;
       flex-direction: row;
   } 
   .spiderman img {
       width: 90%;
        max-width: 300px;
   }
}
@media (min-width: 1200px) {
    .spiderman img {
       width: 100%;
    }
}


/** Paws Of Fury Page **/

.paws-of-fury-brief {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 5rem 0 8rem;
}
.paws-of-fury-brief .img-box {
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
}
.paws-of-fury-brief img {
    padding-bottom: 2rem;
}
.paws-of-fury-brief .btn-box {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
   .paws-of-fury-brief {
       justify-content: center;
       flex-direction: row;
       flex-wrap: wrap;
       gap: 50px;
   } 
   .paws-of-fury-brief img-box {
       width: 33,333333%;
   }
   .paws-of-fury-brief img {
       width: 90%;
        max-width: 300px;
   }
   .paws-of-fury-brief.justify-center {
       justify-content: center;
   }
}
@media (min-width: 1200px) {
    .paws-of-fury-brief img {
       width: 100%;
    }
}

/** Lyle, Lyle, Crocodile Page **/

.page-id-4516 nav.navbar {
           padding-top: 120px; 
        }
.lyle-lyle-crocodile {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 5rem 0 8rem;
}
.lyle-lyle-crocodile .img-box {
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
}
.lyle-lyle-crocodile img {
    padding-bottom: 2rem;
}
.lyle-lyle-crocodile .btn-box {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
    .page-id-4516 nav.navbar {
           padding-top: 75px; 
        }
   .lyle-lyle-crocodile {
       justify-content: center;
       flex-direction: row;
       flex-wrap: wrap;
       gap: 50px;
   } 
   .lyle-lyle-crocodile img-box {
       width: 33.333333%;
   }
   .lyle-lyle-crocodile img {
       width: 90%;
        max-height: 500px;
        object-fit: cover;
   }
   .lyle-lyle-crocodile.justify-center {
       justify-content: center;
   }
}
@media (min-width: 1200px) {
    .lyle-lyle-crocodile img {
       width: 100%;
    }
}




/** Custom Banner **/

.custom-banner h2 {
    text-align: center;
}