/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Layout &  Basic Elements--------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */

.fl-row-content-wrap {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0;
	padding-bottom: 0;
	background-size: contain;
}

.fl-page-nav-right .fl-page-header-wrap {
    border-bottom: none;
}

.fl-page-content .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/* Disable 2 random white bars at the top of the page */
.fl-page-content .container .row .fl-content {
    margin-top: 0px;
    margin-bottom: 0px;
}
.fl-module-heading h2.fl-heading {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
}

.fl-page-header-row .fl-page-header-logo {
	padding-bottom: 6px !important;
}

/* png's don't need box shadow, jpg's do*/
.fl-photo-img-png img {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fl-photo-img-jpg img,
.img-shadow .fl-photo-img-png img,
.fl-mosaicflow .fl-photo-img-jpg img {
    background-color: #2C2F33 !important;
}

/* Center fixed width content on full width container */
.fl-row-full-width .fl-row-content-wrap>.fl-row-fixed-width {
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0;
}



/* -----------------------------------------------------------------------------------------------------------------------------  */
/* ----------------------------------------------------- Backgrounds -----------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */


/* Phones (not tablets) */
@media only screen and (max-width: 767px)  
{
    .fl-row-content-wrap  {
		background-image: url(/wp-content/uploads/paper-torn-bkg-mobile.jpg) !important;
        background-size: contain;
    }
}

/* Desktop */
@media only screen and (min-width: 1024px)
{
	.fl-row-fixed-width > .fl-row-content-wrap,
	.fl-row-full-width .fl-row-content {
		background-image: url(/wp-content/uploads/paper-torn-bkg.png) !important;
		background-size: contain;
	}
}



/* Tablets  */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1)
{
    
    .fl-row-content-wrap  {
        background-image: url(/wp-content/uploads/paper-torn-bkg-tablet.jpg);
    }

}

/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Add Shadows --------------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */
.fl-page-header,
.fl-photo-img-jpg img,
.img-shadow .fl-photo-img-png img,
.shadow,
.card-heading >:first-child,
.card >:first-child,
a.fl-button,
.heading-image-tile .fl-button-wrap a.fl-button,
.fl-module-button .fl-module-content .fl-button-wrap a,
.fl-accordion-item {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


.shadow-big {
    -webkit-box-shadow: -4px 2px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -4px 2px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow: -4px 2px 12px 0px rgba(50, 50, 50, 0.75);
}

/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Random Utility Stuff -----------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */
.no-margin,
.no-margin .fl-module-content {
    margin: 0px;
}

/* hide the random bar at the bottom */
.fl-post-meta {
    visibility: hidden;
    padding: 0px;
    margin: 0px;
    border: 0px;
}
a {
    text-decoration: underline;
}
.fl-page-nav a,
.fl-page-nav a:hover {
    text-decoration: none;
}
/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Cards --------------------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */
.card,
.card-heading {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.card .fl-col-content,
.card-heading .fl-col-content {
    background-color: #F5F5F5;
}

/* Shrink size of elements */
.card .fl-module-heading .fl-module-content,
.card .fl-module-rich-text .fl-module-content {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;

}

.card-heading .fl-module-heading .fl-module-content {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    
}

.card-heading .fl-module-rich-text .fl-module-content {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}

.card-heading .fl-module-photo .fl-module-content, 
.card .fl-module-photo .fl-module-content {
    margin: 10px;
}

.card-heading .fl-module-heading
{
    background-color: #060C1D;					/* Backup color in case image hasn't loaded */
	background: url(https://lockpaperscissors.co/wp-content/uploads/lps-magica-bkg-full-height.jpg) no-repeat scroll 0 0;
}

.card-heading .fl-module-heading .fl-module-content h3 {
    color: #F5F5F5;
}

/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Buttons ------------------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */

a.fl-button,
.heading-image-tile .fl-button-wrap a.fl-button,
.fl-module-button .fl-module-content .fl-button-wrap a {
    text-transform: uppercase;
    padding: 20px;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-weight: lighter;
    display: inline-block;
    text-align: center;
    color: #f5f5f5;
    background-color: #AA084E;
    transition: 200ms ease-in-out;
    font-size: 18px;
	line-height: 17px;
    font-family: helvetica, arial, "sans-serif";
	/* width: 100%; */
}

a.fl-button:hover,
.fl-builder-content a.fl-button:hover,
.heading-image-tile .fl-button-wrap a.fl-button:hover,
.fl-module-button .fl-module-content .fl-button-wrap a:hover {
    background-color: #AA084E;
    /* Include to override theme */
    position: relative;
    transform: translateY(-2px);

	/* Raise shadow */
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
}

a.fl-button:hover .fl-button-text,
a.fl-button:hover .fl-button-icon {
    color: #f5f5f5;
    /* Include to override theme */
}

/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Accordion ----------------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */

.fl-accordion-item {
    background-color: #121648;
    border: hidden !important;
    color: #FFFFFF;
}
.fl-accordion-item .fl-accordion-content {
    background-color: #f5f5f5;
    color: #2C2F33;
    padding-top: 10px;
}
.fl-accordion-item .fl-accordion-content p {
    margin-bottom: 0px;
}

/* -----------------------------------------------------------------------------------------------------------------------------  */
/* ----------------------------------------------- Pricing Table ---------------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */

.fl-pricing-table .fl-button-wrap{
        padding: 0 15px !important;
}

.fl-pricing-table .fl-button-wrap a.fl-button{
    margin: 0 !important; 
}


/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Simplify Contact form ----------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */
.fl-contact-form label {
    visibility: hidden;
}


/* -----------------------------------------------------------------------------------------------------------------------------  */
/* --------------------------------------- Simplify question and answer form / Quiz --------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */
.correct,
.incorrect {
    background: none !important;
    visibility: hidden !important;
    display: block !important;
    height: 0px !important;
}
#questionDiv input,
#questionDiv p,
#exampleQuestionAnswerCorrect2 .correct,
#exampleQuestionAnswerInCorrect2 .incorrect {
    margin: 0px auto;
    display: block;
    margin-top: 20px;
    text-align: center;
}
.correctFeedbackDiv {
    border: none !important;
    background-color: #677d67 !important;
}
.incorrectFeedbackDiv {
    border: none !important;
    background-color: #cb5c29 !important;
}
.fix-radio #questionDiv td input {
    margin-top: 4px !important;
    margin-right: 12px !important;
}
/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Puzzle answer boxes  -----------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */
/* Make text inside input areas white */

.answer-box input {
    background-color: #b0c69f;
    /* light green */
    
    color: #1C1E21;
    border: none;
    -webkit-box-shadow: inset -1px 1px 4px 0px rgba(0, 0, 0, 0.12), inset -1px 1px 1px 0px rgba(0, 0, 0, 0.24);
}
/* -----------------------------------------------------------------------------------------------------------------------------  */
/* ------------------------------------------------------- Footer --------------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */

.fl-post-content > p {
    margin: 0px;
}
/* Make the burger menu more obvious */

.fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle {
    background: #445f7b !important;
}




/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
    /* Shrink page tile on mobile */
    
    .fl-logo-text {
        font-size: 18pt;
    }
    h1 {
        font-size: 30pt !important;
    }

    h2 {
        font-size: 30pt !important;
		text-align: center !important;
    }
    h3 {
        font-size: 23pt !important;
		text-align: center !important;
		margin-bottom: 0px !important;
    }
    h4 {
        font-size: 18pt;
		text-align: center;
    }
  
}


/* -----------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------- Media Queries ------------------------------------------------------------  */
/* -----------------------------------------------------------------------------------------------------------------------------  */

@media (max-width: 961px)
/* less than tablet, landscape iPad, lo-res laptops ands desktops */

{
    /* Shrink page tile on mobile */
    
    .fl-logo-text {
        font-size: 18pt;
    }
    h1 {
        font-size: 30pt !important;
    }

    h2 {
        font-size: 30pt !important;
		text-align: center !important;
    }
    h3 {
        font-size: 23pt !important;
		text-align: center !important;
    }
    h4 {
        font-size: 18pt;
		text-align: center;
    }
 
.fl-module-heading h2.fl-heading {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

   a.fl-button,
    .heading-image-tile .fl-button-wrap a.fl-button,
    .fl-module-button .fl-module-content .fl-button-wrap a {
        float: none;
        margin: 0px auto;
    }
    .fl-row .fl-row-content-wrap {
        padding-bottom: 0px;
    }
    .mobile-hide-bkg .fl-row-content-wrap {
        background-image: none;
    }
    .remove-padding-mobile .fl-col-content {
        padding-top: 20px;
        padding-bottom: 0px;
        /* was 25px */
    }
    /* -------- Disable footer on mobile. Good idea? ----------*/
    
    .fl-page-footer-wrap {
        content: none;
        visibility: hidden;
        width: 0px;
        height: 0px;
        margin: 0px;
        padding: 0px;
        display: none;
    }
}