/*
Theme Name: ColoringPage
Description: This is a child theme for Twenty Twenty Theme
Author: Twenty Twenty Themes
Template: twentytwenty
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#adsHome{width: 100%;height:fit-content;position: fixed;bottom: 0;display:none;text-align:center;}
#closeAds{text-align:right;}
#adsW,.adsW{width:100%;background:transparent;height: 90px !important;margin: 0 auto;padding:2px;}
.adsW{margin-top:5px;}
.adsFull{width:100%;height:auto;margin:10px auto;text-align:center;}
.ContHome{max-width:1100px !important;}
.imageSelect{margin:30px auto;text-align:center}
.imageSelect ul{
	-js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.imageSelect ul li{
	max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	padding:4px
}
.imageSelect ul li a{

}
.imageSelect ul li div{    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;border:1px solid #747272;height: 100%;}
.imageSelect ul li a img{
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 220px;
  height: 40px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #c0392b;
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
	background-color: #f2f2f2;
    color: #555;
    border-radius: 20px;
    border: 1px solid #eee;
    font-size: 15px;
    font-weight: 500;
    margin-top: 3px;
    line-height:18px;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #555 transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}
.select-styled:hover {

}
.select-styled:active, .select-styled.active {
  background-color: #fafafa;
    color: #555;
    border-radius: 20px;
    border: 1px solid #eee;
    font-size: 15px;
    font-weight: 500;
    margin-top: 3px;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #555 transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #eee;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  color: #555;
  font-size: 15px;
  font-weight: 500;
}
.select-options li:first-child{border-top:none}
.select-options li:hover {
  color: #c0392b;
}
.select-options li[rel="hide"] {
  display: none;
}
.menu-footer{z-index:9999999;display:block; position:fixed;width:100%;background:#cd2653;bottom: 0;height: auto;padding: 8px 0;}
.menu-footer ul{-js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;}
.menu-footer ul li{max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;text-align: center;}
.menu-footer ul li img{width:20px;height:20px}
.menu-footer ul li a{color:#fde1e8;font-size:16px;font-weight: 500;display: inline-flex;vertical-align: middle;}
#site-header button{}
#site-header button span.toggle-text{color:#f5f5f5}
#site-header button span.toggle-icon{display:none}
#site-header button span.toggle-text:after{box-shadow: 0 0 0 1px #555, 0 7px 0 1px #555, 0 14px 0 1px #555;
	content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 0.9375rem;
    width: 23px;}
.mobile-menu .modal-menu li a{text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;}
.mobile-menu .modal-menu ul.sub-menu li a{text-transform:none}
.modal-menu .menu-modal .toggle{color:#cd2653}
@media (min-width: 700px){
	.menu-bottom {
		padding-bottom: 0px;
	}
	.menu-modal.active{
		height: fit-content;
	}
}
.close-nav-toggle .toggle-text{display:none}
@media screen and (min-width: 1000px){
    .menu-footer{display:none;}
}
@media screen and (min-width: 550px){
	.imageSelect ul li.image-2{
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.imageSelect ul li.image-3{
		max-width: 33.33%;
		-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
	}
}

.ContInner{
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.col{
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
	margin:0px;
	padding: 8px;
}

.col .colBox{
	-webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	padding: 8px;
	background: #fff;
    border: 1px solid #dfdcdc;
	border-radius:5px
}

.col .colBox.no-border{border:none}

.col .colBox .imgBox {
    width: 100%;
}

.col .colBox .textBox{
	line-height:20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col .colBox .imgBox img{
	width:100%;
}

@media screen and (min-width: 550px){
	.col-3{
		max-width: 33.33%;
		-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
	}
}

@media screen and (min-width: 825px){
	.col-4{
		max-width: 25%;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}
}

@media screen and (max-width: 1000px){
	.gt_switcher_wrapper{bottom:40px !important}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}