/* 
Theme Name: Atomic Digital
Theme URI: https://AtomicDigital.co.za
Description: Atomic Digital Custom Development
Author: Atomic Digital Team
Author URI: https://AtomicDigital.co.za
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.gchoice input[type="radio"] {
	display: none !important;
}

.gchoice {
    margin-bottom: 30px !important;
    width: 250px;
}

.gchoice label {
	border: 1px solid #cccccc;
	border-radius: 0.3em;
	background: transparent;
    width: 100%;
    height: 250px;
    max-width: 100% !important;
    white-space: unset;
	position:relative;
}

.gchoice input[type="radio"]:checked + label {
  background: #3287c9 !important;
  color: #ffffff !important;
			opacity:1;

}
.gchoice input[type="radio"]:checked + label:active {
  background: #3287c9 !important;
  color: #ffffff !important;
			opacity:1;
}

.gchoice input[type="radio"]:hover + label {
  background:  #fff!important;
  color: #ffffff;

}
.gchoice label.flip .front{ transform: rotateY(179deg) }

.gchoice label.flip .back{ -webkit-transform: rotateX(0) rotateY(0); }

.pad {
	height: 100%;
	display: flex;
  justify-content: center;
	background: #ffffff;
}

.pad img {
    width: auto;
    margin: auto;
}

.pad .pad-content {
    height: auto;
    margin: auto 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.gfield_radio {
	text-align:center;
}

.front {
  width:100%;
  height:100%;
  margin:0;
  position:absolute;
  top:0px;
  left:0px;
  border: 3px solid #000000;
	box-shadow: 0 1px 5px rgba(255,255,255,0.5);
    background: transparent;
    text-align: center;
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0);
  -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.back{
  width:100%;
  height:100%;
  margin:0;
  position:absolute;
  top:0px;
  left:0px;
  border: 3px solid #000000;
    text-align: center;
    -webkit-transform: rotateY(-179deg);
    transform: rotateY(-179deg);
  -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	background:white!important;
	opacity:5;
	color:#000!important;
}


.front .pad:hover img {
		filter: invert(1) drop-shadow(2px 4px 6px #ffffff);
}

.front .pad:hover {
    background:#3287c9 !important;
}


.back p {
  margin-top: 15px;
	color:#000!important;
	font-size: 30px;
	text-transform: uppercase;
}

.selected-card .back .pad {
  background:#3287c9 !important;
}

.back .pad img{
  width: auto;
}


.flip {
	height: 100%;
    width: 100%;
    border: 5px #fff solid;
    padding: 25px;
}

.selected-card .back img {
  filter: invert(1) drop-shadow(2px 4px 6px #ffffff);
}

@media only screen and (max-width: 675px) {
.elementor-60, .elementor-60 .elementor-element {
  display: block !important;
}

.gfield_radio {
  display: flex;
  flex-wrap: wrap;
}

.gchoice{
  width: 33.3333% !important;
}

.back p {
  font-size: 20px;
}
	
	.gchoice label {
		height: 150px;
	}
}