/* Add custom CSS code here */
#flexicontent.pageconfirmationPage{
padding-top:30px;
padding-bottom:15px;
}
/*Fixed position bottom*/
#bottomfixed{
position:fixed;
bottom: 0;
right: 0;
width: 300px;
border: 3px solid #8AC007;
background-color: #ffffff;
}

/* Notifications */
div.notifications{
background:#afe0ec; 
padding:15px; 
margin:1em 0; 
font-size:1.2em;
}

/*Add animated bell*/
div.notifications:before {
display:inline-block;
padding-inline-end:0.8em;
font-family: "breakdesigns";
font-size:2em;
content: "\e900";
animation: ring 1s ease-in-out .7s 1 running;
transform-origin: 50% 4px;
}

.notifications-content {
display:inline-block;
width:80%;
}

.notifications .sidenote{
font-size:0.8em;
}

/*animation*/
@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(30deg); }
  8% { transform: rotate(-28deg); }
   10% { transform: rotate(30deg); }
  13% { transform: rotate(-28deg); }
   16% { transform: rotate(30deg); }
  19% { transform: rotate(-28deg); }
   22% { transform: rotate(30deg); }
 25% { transform: rotate(-28deg); }
    28% { transform: rotate(30deg); }
 31% { transform: rotate(-28deg); }
   34% { transform: rotate(30deg); }
 37% { transform: rotate(-28deg); }
   40% { transform: rotate(30deg); }
43% { transform: rotate(-28deg); }
  
  45% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/*Active Subscription label*/
.label-active{
	background: #5f9c50;
}

.bundles .akeebasubs-awesome-level{
	margin: 0 0 15px;
}

.plan_audience {
    position: relative;
    top: -95px;
    color: #ffffff;
    margin-top: -1.5em;
    font-style: italic;
}

.plan_discount {
    margin-top: -1.5em;
    position: relative;
    top: -15px;
    color: khaki;
}

/*The cookie consent footer module*/
#moduleId172{
width:100%;
}

/*Make the extensions menu 1 column*/
.mainNav ul.menu ul {
width:290px;
}

.mainNav ul.menu ul li {
width:100%;
}

/* Reduce border radius for all buttons*/
.btn_wrapper {
margin-top:1em;
}

.btn_wrapper .btn {
text-transform: none;
margin-inline-end: 2em;
}
.btn {
border-radius:4px !important;
}

/* Elements that tageted with url hash (#) */
:target {
    background-color: #fefee1;
}

.desc-content li {
margin-bottom: 1em;
}

/* Pricing Subscriptions*/
#akeebasubs .single-plans .akeebasubs-awesome-column.large-3, #akeebasubs .single-plans .pp-column.large-3 {
    width: 25%;
}

.akeebasubs-awesome-column:last-child {
    float: left;
}

/* Allow search bots read the jed rating schema */
.ratingScale {
    opacity: 0;
    font-size:0;
}

#com_ars .item-page .ars-categories-normal {
    padding:0;
}

.our-extensions, .all-extensions, #slideshowWrapper .slideshow .mod_flexicontent_standard{
    padding-bottom: 0;
}

/* Downloads banners */
.product {
    display: flex;
    padding: 1rem;
    background: #f2f8fb;
    border: 1px solid #B5D3F9;
    margin-bottom: 2rem;
}

.product__logo {
    display: block;
    height: 3rem;
    line-height: 3rem;
}

.product__logo svg{
    height: 2.6rem;
    width: auto;
}

.product__header {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
}

.product__content {
    color: #556270;
    margin-inline-start: 1.2rem;
}

/* J logos */
[class*='j3'],
[class*='j25'],
[class*="j4"],
[class*="j5"]  {
 display:inline-block;
 vertical-align:middle;
 padding:2px 6px 2px 18px;
 border-radius:4px;
 background-image:url(../images/joomla.png);
 background-repeat:no-repeat;
 background-position:4px 50%;
 color:#fff;
 font-size:11px;
 margin:0 6px 0 0
}
[class*="j4"] {
  background-color: #7e50ff;
}

[class*="j5"] {
  background-color: #426aa6;
}

.product__actions {
    margin-inline-start: 2.5rem;
}