/*
Theme Name:         Dogtopia Calender Content 2021
Theme URI:          https://roots.io/sage/
Description:        Custom created from The Reshift Starter Theme uses the Sage starter theme, UIkit front-end framework, CMB2 developer toolkit plugin, and Font Awesome icons.
Version:            2.1.2
Author:             Fabian Fernandes, Mahmoud Ghali, Helena Boitsova, Andrew Skrypnyk
Author URI:         https://reshiftmedia.com
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/


/*------------------------------font added  ------------------------------*/

@font-face {
  font-family: "Brandon grotesque";
  src: url("assets/fonts/brandon-grotesque/brandongrotesque-regular-webfont.eot");
  src: url("assets/fonts/brandon-grotesque/brandongrotesque-regular-webfont.woff") format("woff"),
  url("assets/fonts/brandon-grotesque/brandongrotesque-regular-webfont.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Brandon grotesque";
  src: url("assets/fonts/brandon-grotesque/brandongrotesque-bold-webfont.eot");
  src: url("assets/fonts/brandon-grotesque/brandongrotesque-bold-webfont.woff") format("woff"),
  url("assets/fonts/brandon-grotesque/brandongrotesque-bold-webfont.svg") format("svg");
  font-style: normal;
  font-weight: 500;
}


@font-face {
  font-family: "Brandon grotesque";
  src: url("assets/fonts/brandon-grotesque/brandongrotesque-regularitalic-webfont.eot");
  src: url("assets/fonts/brandon-grotesque/brandongrotesque-regularitalic-webfont.woff") format("woff"),
  url("assets/fonts/brandon-grotesque/brandongrotesque-regularitalic-webfont.svg") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Brandon grotesque";
  src: url("assets/fonts/brandon-grotesque/BrandonGrotesque-Black.otf") format("opentype");
  font-weight: 700;
}
/*------------------------------font added end ------------------------------*/





/*------------------------------back button css ------------------------------*/

.main strong {
  font-weight: 500;
}

.back-button {
  font-size: 20px;
  line-height: 32px;
  color: #5B6770;
  text-decoration: none;
}

.back-button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: Font Awesome\ 5 Pro;
  font-weight: 300;
  content: "\f104";
  line-height: inherit;
  width: .8rem;
}
/*------------------------------back button css ------------------------------*/


/*------------------------------header css ------------------------------*/

.banner{
  display: block;
}

.hidden{
  display: none !important;
}

footer .uk-iconnav > * {
  padding-left: 20px;
}

.hide-popup {
  display: none;
}
.page-header{
  display: none;
}

.main ol, .main ul {
  padding-left: 15px;
  margin: 0;
}

footer .footer-links-container a, footer .footer-links-container a:hover, footer .footer-links-container a.customize-unpreviewable{
  color: #5B6770;
  cursor: pointer !important;
}

.main a, .main a:hover, .main a:link, .main a:visited{
  color: #00AEC6;
}

ul{
  list-style: square;
}
li::marker {
  color: #FFCC42;
  padding: 5px 0px;
  margin: 0px;
}

.uk-iconnav {
  width: fit-content;
  width: -moz-fit-content;
  margin: auto;
}

body .main, header, footer {
  font-family: 'Brandon grotesque';
  font-size: 20px;
  line-height: 32px;
}
.banner .container {
  background: url(assets/images/Background.png);
  background-size: cover;
  background-repeat: repeat-x;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.brand-logo-container {
  padding: 30px 50px;
  max-width: 1400px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.brand-logo-container .brand-logo {
  background: url('assets/images/dogtopia-logo-white.svg');
  background-repeat: no-repeat;
  background-size: auto;
  height: 54px;
  width: 160px;
}

.site-name-container {
  padding: 30px 0px 0px;
}

.site-name-container .site-name {
  background: url(assets/images/dogtopia_sitename.png);
  background-repeat: no-repeat;
  height: 50px;
  float: left;
  width: 100%;
}

.site-subtitle {
  color: #FFFFFF;
  font-size: 26px;
  float: right;
  width: 401px;
  font-weight: bold;
  bottom: 30px;
  position: absolute;
  right: 0;
  /*height: 50px; */
  /* position: relative; */
  /* margin: 24px; */
  /* top: 20px;*/
}
@media screen and (max-width: 970px) {
  .site-name-container .site-name {
    background: url(assets/images/dogs-of-dogtopia-mobile.svg);
    background-repeat: no-repeat;
    height: 75px;
    margin: auto;
    width: 100%;
  }

  .site-name-container {
    padding: 10px;
    overflow: hidden;
    width: 210px;
    margin: auto;
  }
  .brand-logo-container {
    padding: 10px;
  }
}

@media screen and (max-width: 700px){
  .uk-iconnav {
    margin: auto !important;
  }
  footer .uk-iconnav > *:first-child {
    padding-left: 0;
  }
}
/*------------------------------header css ends------------------------------*/


/*------------------------------footer css----------------------------------*/

footer.content-info {
  background: #FFFFFF;
  position: relative;
  /* bottom: 0; */
  height: 420px;
  width: 100%;

  /*background: #FFFFFF;*/
  /*position: absolute;*/
  /*bottom: -420px;*/
  /*height: 420px;*/
  /*width: 100%;*/
  /*margin: -420px auto 0;*/
  /* position: relative; */
}

footer.content-info .container {
  max-width: 1400px;
  margin: auto;
  position: relative;
  padding: 30px 50px;
  height: 400px;
}

.footer-container .footer-logo-container .footer-logo{
  background: url('assets/images/dogtopia-logo-orange.svg');
  background-repeat: no-repeat;
  background-size: auto;
  height: 100px;
}

.social-icons-wrapper {
  margin: 57px 0 20px;
}

/*.footer-container .footer-logo-container .social_icons_container .social-icons{*/
/*  background: url('assets/images/social_icons.png');*/
/*  background-repeat: no-repeat;*/
/*  background-size: auto;*/
/*  height: 20px;*/
/*  margin: 57px 0px 20px;*/
/*}*/

.footer-container .footer_links {
  padding-right: 30px;
  font-size: 16px;
  /* padding: 0px 40px 0px 0px; */
}

.footer-container .footer-logo-container .slogan-dog-container {
  float: right;
  width: 450px;
  top: 0;
  position: absolute;
  right: 120px;
}

.footer-container .footer-logo-container .slogan-dog-container .slogan {
  background: url(assets/images/slogan.png);
  background-repeat: no-repeat;
  background-size: auto;
  height: 400px;
  width: 278px;
  float: left;
  margin-top: 25px;
}

.footer-container  .dogtopia-dog-scruffy{
  background: url(assets/images/dogtopia_scruffy.png);
  background-repeat: no-repeat;
  background-size: 450px auto;
  height: 425px;
  width: 450px;
  float: left;
}

@media screen and (max-width: 980px) {

  .footer-container .footer-logo-container .slogan-dog-container {
    position: unset;
    display: block;
    float: none;
    height: 450px;
    background-size: 290px auto;
    width: 490px;
    margin: auto;
  }
}

@media screen and (max-width: 670px){
  footer.content-info .container {
    padding: 20px;
  }

  .footer-container .footer-logo-container .footer-logo {
    background-size: 210px auto;
  }

  .footer-container .footer-logo-container .slogan-dog-container {
    height: 210px;
    width: 270px;
    margin: auto;
  }

  .footer-container .dogtopia-dog-scruffy {
    background-size: 210px auto;
    height: 210px;
    width: 210px;
  }

  .social-icons-wrapper {
    margin-top: 10px
  }
}

/*------------------------------footer css ends------------------------------*/


/*------------------------------main content css------------------------------*/

.main {
  padding: 50px 50px;
  max-width: 1400px;
  margin: auto;
  position: relative;
}

.page-title-container .page-title {
  font-size: 35px;
  line-height: 50px;
  text-transform: uppercase;
  color: #FE8200;
  font-weight: 700;
}

.page-title-container p {
  padding-bottom: 0px;
  margin: 0 auto;
}

.page-title-container .page-subtitle {
  font-size: 50px;
  line-height: 65px;
  text-transform: uppercase;
  color: #424A51;
  font-weight: 700;
}

.wp-block-column:not(:first-child) {
  margin-left: 3em;
}
figure.wp-block-image.size-large.dogtopia-collage {
  float: right;
  width: 50%;
  margin-left: 60px;
}

.wp-block-group {
  margin-bottom: 30px;
}

.content-rules-header-block{
  margin-bottom: 70px;
}

.promotion-header {
  margin-bottom: 0px;
  text-transform: uppercase;
}

.wp-block-group.two-column-rules-container{
  overflow: hidden;
}

.wp-block-group.two-column-rules-container .condition-list{
  display: block;
  width: calc(50% - 48px);
  padding-right: 30px;
  float: right;
  margin: 0 0 40px;
}

.wp-block-group.two-column-rules-container .condition-list li {
  margin-bottom: 20px;
}

@media screen and (max-width: 1120px){
  .site-subtitle {
    display: none;
  }
}

@media screen and (max-width: 970px){
  .brand-logo-container .brand-logo {
    margin: auto;
  }

  figure {
    width: 100%;
    text-align: center;
    margin: 20px auto;
  }

  figure.wp-block-image.size-large.dogtopia-collage{
    width: 100%;
  }

  .wp-block-group.two-column-rules-container .condition-list{
    width: calc(100% - 44px);
    padding-right: 30px;
    margin: 0px 22px;
    padding-left: 0px;
    float: none;
  }

  .footer-container .footer-logo-container .footer-logo{
    background-position: center;
  }

  .footer-container .footer-logo-container .social_icons_container {
    position:relative;
    z-index: 10;
  }

  .footer-container .footer-logo-container .social_icons_container .social-icons{
    background-position: center;
  }
  .footer-container .footer-links-container {
    width: fit-content;
    margin: 20px auto;
    padding-bottom: 20px;
  }

  .footer-container .footer_links {
    font-size: 16px;
    padding: 0 20px;
    min-width: 250px;
    display: block;
    text-align: center;
  }

}
@media screen and (max-width: 670px){
  .page-title-container .page-title {
    font-size: 30px;
    line-height: 35px;
  }
  .page-title-container .page-subtitle {
    font-size: 40px;
    line-height: 49px;
  }
}
@media screen and (max-width: 500px){
  .main {
    padding: 20px;
  }
}

/*------------------------------main content css ends------------------------------*/



/*------------------------------gravity form ------------------------------*/

.gform_wrapper, .donation-form-container{
  box-shadow: 0 0 7px #00000040;
}

.gform_wrapper.gravity-theme .gform_fileupload_rules{
  display: none;
}
.gform_wrapper .gform_heading {
  width: 100%;
  margin-bottom: 18px;
  display: none;
}

/*.gform_wrapper .gfield_checkbox input[type=checkbox], .gform_wrapper .gfield_radio input[type=radio]{*/
/*  visibility: hidden;*/
/*}*/
/*.gform_wrapper .gfield_checkbox input[type=checkbox]:checked, .gform_wrapper .gfield_radio input[type=radio]:checked{*/
/*  visibility: initial;*/
/*}*/

.gform_wrapper input[type=text], select {
  border: none;
  border-bottom: 2px solid #C3C3C3;
  padding: 10px 0;
  background: #FFFFFF;
  color: #5B6770;
}
.gform_wrapper {
  padding: 40px;
}
.donately-donation-form {
  font-size: 20px;
}

.donation-form-canada-wrapper .form-title-container .form-step-one-image,
.donation-form-us-wrapper .form-title-container .form-step-one-image
{
  background: url('assets/images/step_one.svg');
}

.gform_wrapper .form-title-container .form-step-image{
  background: url('assets/images/step_two.svg');
}

.gform_wrapper .form-title-container .form-step-image,
.donation-form-canada-wrapper .form-title-container .form-step-one-image,
.donation-form-us-wrapper .form-title-container .form-step-one-image
{
  background-repeat: no-repeat;
  background-size: auto;
  width: 60px;
  height: 60px;
}

.gform_wrapper .font-step-wrapper,
.donation-form-canada-wrapper .form-title-container .font-step-wrapper,
.donation-form-us-wrapper .form-title-container .font-step-wrapper
{
  width: 60px;
  /* display: inline-block; */
  float: left;
  margin: 10px 10px 10px 0;
}

.form-instructions {
  clear: both;
  margin: 30px 0 0;
}

.donation-form-canada-wrapper, .donation-form-us-wrapper {
  overflow: hidden;
  position: relative;
  padding: 40px;
}

.donation-form-canada-wrapper .skip-this-step-container {
  width: max-content;
  float: left;
  margin: 10px 60px;
  padding: 40px 13px;
}

.donation-form-us-wrapper .skip-this-step-container {
/*  position: absolute;*/
/*  top: 10px;*/
/*  right: 30px;*/
  float: right;
  margin-top: -90px;
}
.donation-form-canada-wrapper .form-instructions,
.donation-form-us-wrapper .form-instructions
{
  max-width: 1000px;
}

/*.gform_wrapper .form-title-wrapper, .form-title-container .form-step-wrapper {*/
/*  width: 60px;*/
/*  display: inline-block;*/
/*}*/

.gform_wrapper .form-title-wrapper .form-title,
.donation-form-canada-wrapper .form-title-wrapper .form-title,
.donation-form-us-wrapper .form-title-wrapper .form-title
{
  font-size: 26px;
  line-height: 37px;
  font-weight: 700;
  color: #FFCC42;
}

.gform_wrapper .form-title-wrapper .form-subtitle,
.donation-form-canada-wrapper .form-title-wrapper .form-subtitle,
.donation-form-us-wrapper .form-title-wrapper .form-subtitle{
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  font-weight: 700;
  color: #5B6770;
}

 .gform_wrapper .gform_body .current-client-radio legend.gfield_label,
 .current-client-radio .gchoice {
   width: fit-content;
   margin-right: 20px;
   float: left;
   font-weight: normal;
}
.gform_wrapper li.hidden_label select , .current-client-radio label.gfield_label{
  margin-top: 12px;
}

.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
  margin-top: 10px;
}
.main .gform_fields li.gfield, .gform_fields li.gfield  {
  width: 50%;
}

.gform_wrapper .gform_fields {
  position: relative;
}

.gform_wrapper .gform_fields li.gfield.column-right {
  position: absolute;
  top: 195px;
  right: 0;
  padding-left: 16px;
}

.gform_wrapper .gform_fields li.gfield.column-right .ginput_container_fileupload {
  width: 420px;
  height: 213px;
  margin: 10px auto;
  border: 2px solid #C3C3C3;
}
.gform_wrapper .gform_fields li.gfield.column-right .ginput_container_fileupload input[type=file] {
  width: 420px;
  height: 210px;
  /* vertical-align: middle; */
  color: #FFFFFF;
  /* opacity: 0; */
  visibility: hidden;
  cursor: pointer;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
  overflow: auto;
  clear: both;
  text-align: right;
  margin: 0;
  padding: 0;
  padding-right: 30px;
}

.gform_wrapper .gform_footer input[type=submit].gform_button {
  font-size: 20px;
  line-height: 29px;
  color: #FFFFFF;
  padding: 13px 20px;
  cursor: pointer;
}



form.gform-photo-upload {
  position: relative;
  min-height: 750px;
}

.main .gform_wrapper.gravity-theme .gform_fields, .gform_wrapper.gravity-theme .gform_fields{
  display: block;
  padding-left: 0;
  overflow: visible;
}

#gform_fields_2 {
  min-height: 700px;
  overflow: hidden;
}

.gform_wrapper.gravity-theme .gfieldset {
  border: none;
  display: block;
  margin: auto;
  float: left;
  width: 50%;
  padding-right: 30px;
}

.gform_wrapper.gravity-theme legend{
  display: none;
}

.gfieldset.gform_fieldset_begin.gform_fieldset.client-information-container {
  float: left;
}

.main .gform-photo-upload .gform_fields li.gfield.form-step-header-content-container {
  width: 100%;
  position: relative;
  overflow: visible;
  margin-bottom: 70px;
}

.gfieldset.gform_fieldset_begin.gform_fieldset.dog-details-container {
  float: left;
  margin-top: 30px;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-full{
  padding-bottom: 30px;
}

.ginput_container_fileupload .gform_fileupload_multifile{
  width: calc(100% - 20px);
  margin: auto;
}

@media only screen and (max-width: 970px){
  .gform_wrapper.gravity-theme .gfieldset {
    width: 100%;
    padding-right: 0;
  }
}
@media only screen and (max-width: 670px) {

  .gform_wrapper .gform_body .current-client-radio legend.gfield_label,
  .current-client-radio .gchoice {
    float: none;
  }

  .donation-form-us-wrapper .skip-this-step-container,
  .gform_wrapper .form-title-container .form-step-wrapper  {
    margin: 10px auto 34px;
    text-align: center;
    float: none;
  }

  .gform_wrapper .form-title-wrapper .form-title,
  .donation-form-canada-wrapper .form-title-wrapper .form-title,
  .donation-form-us-wrapper .form-title-wrapper .form-title
  {
    font-size: 26px;
    line-height: 29px;
  }

  .gform_wrapper .form-title-wrapper .form-subtitle,
  .donation-form-canada-wrapper .form-title-wrapper .form-subtitle,
  .donation-form-us-wrapper .form-title-wrapper .form-subtitle{
    font-size: 30px;
    line-height: 39px;
  }
}

/*.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .gfield_checkbox label {*/
/*  font-size: 20px !important;*/
/*}*/

.gform_wrapper.gravity-theme .gform_drop_area{
  border: 2px solid #C3C3C3;
  background: #FFF;
}

/*.gform_wrapper.gravity-theme .gfield-choice-input {*/
/*  outline: 3px solid #FE8000;*/
/*  border: none !important;*/
/*  background: #FFF;*/
/*  appearance: none;*/
/*  width: 10px;*/
/*  height: 10px;*/
/*}*/
/*.gform_wrapper.gravity-theme .gfield-choice-input:checked {*/
/*  outline: 3px solid #FE8000;*/
/*  border: none !important;*/
/*  background: #FFF;*/
/*  appearance:;*/
/*  width: 10px;*/
/*  height: 10px;*/
/*}*/

@media only screen and (max-width: 450px) {
  .gform_drop_area {
    width: 260px;
    height: 170px;
  }
  .gform_wrapper .gform_footer input[type="submit"].gform_button{
    position: unset;
    width: 100%;
  }
  .ginput_container_checkbox {
    width: 320px;
  }

  .form-privicy-policy {
    max-width: 270px;
  }

  .gform_wrapper input[type="checkbox"] + label::before {
    margin-left: -1.0em;
    margin-top: 0.30em;
  }
}

@media only screen and (max-width: 350px) {
  .ginput_container_checkbox {
    width: 300px;
  }

  .form-privicy-policy {
    max-width: 300px;
  }
}
@media only screen and (min-width: 641px) {
  .gform_wrapper .gform_fields.top_label input.medium, .gform_wrapper .gform_fields.top_label select.medium {
    width: calc(100% - 8px);
  }

  .gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio {
    width: calc(100% + 16px);
  }
}

  /*.donation-form-us-wrapper .skip-this-step-container {*/
  /*  margin: 10px auto 34px;*/
  /*  float: none;*/
  /*  display: block;*/
  /*  text-align: center;*/
  /*}*/

/*------------------------------gravity form ends------------------------------*/

/*.gfield_contains_required .ginput_container::after {*/
/*  content:" *";*/
/*  color: red;*/
/*  position: absolute;*/
/*  left: 50px;*/
/*}*/

#gform_2 .ginput_container {
  margin-bottom: 30px;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-half{
  max-width: 600px;
}

.thank-you-container {
  box-shadow: 0 0 7px #00000040;
  padding: 30px;
  position: relative;
}

.thank-you-container .thank-you-wrapper {
  max-width: 120px;
  margin: 40px auto;
  overflow: hidden;
}

.thank-you-container .thank-you-wrapper .thank-you-checkmark{
  background: url('assets/images/completed-submission.png');
  background-repeat: no-repeat;
  background-size: auto;
  width: 120px;
  height: 120px;
}

.thank-you-container .dog-illistration {
  background: url('assets/images/scruffy illustartion.png');
  background-repeat: no-repeat;
  background-size: auto;
  width: 150px;
  height: 160px;
  position: absolute;
  bottom: 80px;
  left: calc(50% - 400px);
}

.thank-you-container .thank-you-content {
  max-width: 490px;
  width: 100%;
  text-align: center;
  margin: 50px auto;
}

@media screen and (max-width: 900px) {
  .thank-you-container .dog-illistration {
    background-size: 100px auto;
    top: 105px;
    left: calc(50% - 130px);
  }
}


.contest-entries-container .contest-body-wrapper {
  max-width: calc(280px * 4);
  margin: 30px auto;
}

@media screen and (max-width: 1050px) {
  .contest-entries-container .contest-body-wrapper {
    max-width: calc(280px * 3);
  }
}

@media screen and (max-width: 870px) {
  .contest-entries-container .contest-body-wrapper {
    max-width: calc(280px * 2);
  }
}

  @media screen and (max-width: 670px){
  .thank-you-container .thank-you-wrapper .thank-you-checkmark {
    background-size: 100px auto;
  }

  .contest-entries-container .contest-body-wrapper{
    max-width: fit-content;
    max-width: -moz-fit-content;
    margin: auto;
  }
}

/*------------------------------thank you page------------------------------*/



/*------------------------------thank you page ends------------------------------*/


/*------------------------------Contest entry block------------------------------*/

.contest-entries-container {
  position: relative;
}

.contest-entries-container .contest-entry-background{
  background-image: url("assets/images/dogtopia_artwork_grey_sm.svg");
  background-repeat: repeat;
  /*position: absolute;*/
  /*left: 0;*/
  /*right: 0;*/
  height: 400px;
  /*overflow: hidden;*/
  /*z-index: 1;*/
  /*visibility: 0.5;*/
}

.contest-entries-container .contest-entry-subtitle {
  font-size: 20px;
  line-height: 32px;
  color: #FFFFFF;
  margin: 0 auto 30px;
  text-align: center;
}

.contest-entries-container .contest-entry-title {
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 67px;
  text-align: center;
  margin: 30px auto 0;
  color: #FFF;
}

.contest-entries-container .contest-entry-title-wrapper {
  margin-top: -385px;
}
.contest-entries-container .contest-body-wrapper {
  overflow: hidden;
}


.contest-entries-container .dog-image-wrapper img{
  min-width: 265px;
  width: calc(25% - 15px);
  padding-right: 15px;
  float: left;
  max-width: 265px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.contest-entries-container .load-more-block {
  border: 3px solid #00ACC6;
  padding: 7px 20px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 10px auto 20px;
  text-align: center;
  color: #00ACC6;
  cursor: pointer;
  text-transform: lowercase;
  background: #FFF;
}

.contest-entries-container .dog-image-wrapper .dog-image {
  width: calc(25% - 15px);
  padding: 15px 15px 15px 15px;
  float: left;
  max-width: 265px;
  height: 265px;
  background-position: center center;
  background-repeat: no-repeat;
}

.contest-entries-container .dog-image-wrapper .dog-image {
  padding: 15px 15px 15px 0;
  float: left;
  max-width: 265px;
  height: 265px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
  margin-bottom: 10px;
}



/*------------------------------Contest entry block ends-------------------------*/


/*------------------------------popupcss-------------------------*/

#confirmation-popup-container {
  margin:auto;
  position: relative;
  z-index: 12;
}

.confirmation-header-container{
  background: #FE8000;
  padding: 36px 50px;
  color: #FFF;
  font-size: 42px;
  font-style: normal;
  font-weight: 900;
  line-height: 55px;
  letter-spacing: 0;
  text-align: left;
  margin: auto;
  z-index: 11;
}

.confirmation-body-container {
  color: #FFF;
  background: #FFF;
  height: 300px;
  text-align: center;
  display: block;
}

.mask {
  background: rgba(0,0,0,0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.close-button{
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
  z-index: 12;
  background: #FFF;
}

.confirmation-body-container .body-wrapper{
  max-width: 437px;
  margin: auto;
  padding-top: 30px;
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  color: #606C74;
}

.ui-dialog-buttonset {
  width: 220px;
  margin: 230px auto 0;
}

.confirmation-body-container .button-container{
  text-align: center;

}

.confirmation-body-container .confirm-button{
  line-height: 29px;
  text-align: center;
  color: #FFF;
  border: none;
  background: #00ACC6;
  padding: 13px 20px;
  margin: 30px auto 15px;
  width: 212px;
  cursor: pointer;
}

.confirmation-body-container .confirm-button:after{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: Font Awesome 5 Pro;
  font-weight: 300;
  content: "\f105";
  line-height: inherit;
  width: .8rem;
}

.confirmation-body-container .confirm-button.second-button {
  margin: 0 auto 50px;
  border: 3px solid #00ACC6;
  padding: 13px 20px;
  color: #00ACC6;
  background: #FFF;
  width: 206px;
  cursor: pointer;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
  margin-top: 75px;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
  display: none;
}


@media screen and (max-width: 870px) {

  .confirmation-header-container {
    font-size: 30px;
    line-height: 35px;
  }
}

/*------------------------------popupcss ends-------------------------*/



.main, .brand-logo-container, footer.content-info .container{
  max-width: 930px;
}

.footer-links-container a, .footer-links-container a.customize-unpreviewable,  .footer-links-container a:hover{
  color: #00aec6;
  cursor: pointer !important;
}

body {
  margin: 0 !important;
}

.donation-form-container, .gravityform, .gform_wrapper {
  max-width: 930px;
  margin: 40px auto;
  display: flex;
}

.contest-entries-container {
  font-family: 'BRANDON GROTESQUE';
}

.contest-entries-container .load-more-block {
  border: 3px solid #00ACC6;
  padding: 7px 20px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 10px auto 20px;
  text-align: center;
  color: #00ACC6;
  cursor: pointer;
  text-transform: lowercase;
}

#donation-form {
  max-width: 602px;
  margin: auto
}

body .main, .site-subtitle, .content-info{
  font-family: 'BRANDON GROTESQUE';
}

body .main{
  color: #5B6770;
}

.rule-margin {
  margin-bottom: 40px;
}

figure.wp-block-image.size-large.dogtopia-collage{
  text-align: center;
}

/*-------------Css for toggle------*/

.us-canada-toggle-container input[type=checkbox]{
  height: 0;
  width: 0;
  visibility: hidden;
}

.us-canada-toggle-container label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 10px;
  background: #D3DCE4;
  display: block;
  border-radius: 5px;
  position: relative;
  margin: 10px;
}

.us-canada-toggle-container
label:after {
  content: '';
  position: absolute;
  top: -3px;
  left: 0px;
  width: 15px;
  height: 15px;
  background: #FE8200;
  border-radius: 90px;
  transition: 0.3s;
}

.us-canada-toggle-container input:checked + label:after {
  left: calc(100%);
  transform: translateX(-100%);
}

.us-canada-toggle-container {
  /*position:absolute;*/
  float: right;
  right: 0;
  display:inline-flex;
}

@media screen and (max-width: 670px) {

  .us-canada-toggle-wrapper {
    display: block;
    text-align: right;
    margin-bottom: 10px;
  }

  .us-canada-toggle-container {
    float: none;
    text-align: right;
    margin-right: 10px;
  }
  .gform_wrapper, .donation-form-container .donation-form-us-wrapper {
    padding: 20px;
  }

  .gform_wrapper .form-title-container .font-step-wrapper,
  .donation-form-us-wrapper .form-title-container .font-step-wrapper
  .donation-form-canada-wrapper .form-title-container .font-step-wrapper
  {
    float: none;
    margin: 20px auto;
  }
}
@media screen and (max-width: 350px) {
  .gform_wrapper, .donation-form-container .donation-form-us-wrapper {
    padding: 5px;
  }
}


.uk-checkbox:checked, input[type=checkbox]:checked {
  background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTIgMSA1IDcuNSAyIDUgMSA1LjUgNSAxMCAxMyAxLjUiIC8+Cjwvc3ZnPgo=);
}


/*-------Css for toggle ends------*/


/*@import url('http://fonts.cdnfonts.com/css/brandon-grotesque-regular');*/

/*form.donately-donation-form #donation-form, .donately-donation-form * {*/
/*  font-family: 'Brandon Grotesque Medium', sans-serif !important;*/
/*}*/

/*#section_1,  #donately-frequency-label, .donately-payment-fields label {*/
/*  font-size: 26px;*/
/*  line-height: 32px;*/
/*  color: #5B6770;*/
/*  font-weight: 600;*/
/*}*/

/*ul.donately-payment-options li label {*/
/*  padding: 8px 67px;*/
/*  background: #00ACC6;*/
/*}*/

/*.donately-payment-fields.horizonal-layout > ul.donately-payment-options li {*/
/*  padding-right: 10px;*/
/*  margin: 0 5px;*/
/*}*/

/*.donately-payment-fields ul.donately-payment-options > li label{ padding: 8px 67px;}*/

/*.donately-secure-fields{border: none;}*/

/*.donately-secure-fields fieldset.donately-fields{*/
/*  margin: 20px 0;*/
/*}*/

/*fieldset.donately-fields {margin: 38px 0}*/

/*label.donately-card-number-label,*/
/*label[for=donately-card-exp-month],*/
/*label[for=donately-card-cvc]*/
/*{font-size: 16px;*/
/*  line-height: 16px;*/
/*  color: #C3C3C3;}*/

/**::placeholder {*/
/*  -webkit-text-fill-color: ;*/
/*}*/