/*
 Theme Name:   Customizr Child
 Theme URI:    http://example.com/customizr-child/
 Description:  Customizr Child Theme
 Author:       FS
 Author URI:   http://example.com
 Template:     customizr
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  customizr-child
*/


.form-allowed-tags {
  display: none;
}

/* allows for one article to zoom in at a time */
	article.hover .round-div{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
	}


/*home page*/
@media (max-width: 767px) {
   /* hide the circular zoom, keep link */
	.home .round-div {
	border-color:   transparent;
	}
	
	/* convert to circle*/ 
	.home .thumb-wrapper {
	border-radius: 50%;
	width:250px;
	height:250px;
	}
}

/*pages*/
@media (max-width: 767px) {
   /* hide the circular zoom, keep link */
	.page .widget-front .round-div {
	border-color:   transparent;
	}
	
	/* convert to circle*/ 
	.page .widget-front .thumb-wrapper {
	border-radius: 50%;
	width:250px;
	height:250px;
	}
}


/*front page button labels*/
.fp-one .btn.btn-primary.fp-button:after {
  content:"Show Me";  /* Change to required text */
}
.fp-two .btn.btn-primary.fp-button:after {
  content:"Free to use";  /* Change to required text */
}
.fp-three .btn.btn-primary.fp-button:after {
  content:"Read More";  /* Change to required text */
}
.fp-four .btn.btn-primary.fp-button:after {
  content:"Shop";  /* Change to required text */
}

/*Teaching Resources button labels*/
.fp-tr1 .btn.btn-primary.fp-button:after {
  content:"Letter Formation";  /* Change to required text */
}
.fp-tr2 .btn.btn-primary.fp-button:after {
  content:"Handwriting Practice";  /* Change to required text */
}
.fp-tr3 .btn.btn-primary.fp-button:after {
  content:"Flashcard Games";  /* Change to required text */
}


/*Games button labels*/
.fp-g1 .btn.btn-primary.fp-button:after {
  content:"Arabic Alphabet Snap";  /* Change to required text */
}
.fp-g2 .btn.btn-primary.fp-button:after {
  content:"Animals in Arabic Placemat";  /* Change to required text */
}
.fp-g3 .btn.btn-primary.fp-button:after {
  content:"Flashcard Games";  /* Change to required text */
}

/* centre mailing list subscribe button*/
.wysija-submit-field {
	margin-left:auto;
	margin-right:auto; 
}


/*----------------------------------------------
Search bar customization starts here*/

/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
.navbar .nav .my-nav-menu-search {
    float: right;
}
.navbar .nav {
    width: 100%;
}
 
/*Stop the display of the Search button*/
.my-nav-menu-search .search-submit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.my-nav-menu-search .search-form .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}
 
/* Style the search input textbox */
.my-nav-menu-search .search-field {
    background: transparent;
    border: none;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    height: 26px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 36px;
    position: relative;
    -webkit-transition: width 400ms ease;
    -moz-transition:    width 400ms ease;
    -o-transition:      width 400ms ease;
    transition:         width 400ms ease;
    width: 0px;
}
 
/* Expand the search box when you click it */
.my-nav-menu-search .search-field:active,
.my-nav-menu-search .search-field:focus {
    color: #5a5a5a;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 70px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}
 
/* Add a magnifying glass background */
.my-nav-menu-search .search-form:before {
    font-family: 'genericons';
    content: '\f400';
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    font-weight: normal;
    padding-top: 5px; /* tune this vertical alignment inside the search field, as needed */
    padding-left: 5px; /* tune this horizontal alignment inside the search field, as needed */
}
 
/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    .navbar .nav .my-nav-menu-search {
        float: left;
    }
    .navbar .nav {
        width: auto;
    }
}
 
/*Search bar customization ends here
-----------------------------------------*/


/*shopping cart icon*/
.my-shopping:before {
  font-family: 'genericons';
  content: '\f447';
  font-size: 2em;
  vertical-align: bottom;
  display: inline-block;
  -webkit-font-smoothing: antialiased;

}