/**
 * Inchoo is not affiliated with or in any way responsible for this code.
 *
 * Commercial support is available directly from the [extension author](http://www.techytalk.info/contact/).
 *
 * @category Marko-M
 * @package SocialConnect
 * @author Marko Martinović <marko@techytalk.info>
 * @copyright Copyright (c) Marko Martinović (http://www.techytalk.info)
 * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */

div.inchoo-socialconnect-register,
div.inchoo-socialconnect-checkout,
div.inchoo-socialconnect-login {
    margin-top: 28px;
    position: relative;
}

div.inchoo-socialconnect-register .fieldset {
    margin: 0px;
}

div.inchoo-socialconnect-account .col3-set .col-1 {
    width: 29%
}

div.inchoo-socialconnect-account .col3-set .col-2 {
    width: 49%
}

div.inchoo-socialconnect-account .col3-set .col-3 {
    width: 19%
}

div.inchoo-socialconnect-account .col2-set .col-1 {
    width: 79%
}

div.inchoo-socialconnect-account .col2-set .col-2 {
    width: 19%
}

.header-account .inchoo-socialconnect-login .inchoo-socialconnect-login-upper {
	display: block;
}
.header-account .inchoo-socialconnect-login .inchoo-socialconnect-login-lower {
	display: block;
}
#header .header-account .inchoo-socialconnect-login div.inchoo-socialconnect-facebook-inner a {
    width: 100%;
    background: #3c5a99;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    padding: 16px;
    box-sizing: border-box;
    width: 180px;
}
#header .header-account .inchoo-socialconnect-login div.inchoo-socialconnect-facebook-inner a:hover {
    background: #fff;
    color: #3c5a99;
    text-decoration: none;
}
.header-account .inchoo-socialconnect-login .facebook-text {
    padding-right: 0;
    display: none;
}
.header-account .inchoo-socialconnect-login .inchoo-socialconnect-facebook {
    position: relative;
    right: 0;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin-top: 10px;
}
.header-account div.inchoo-socialconnect-login {
    margin: 0;
    text-align: right;
}
.header-account div.inchoo-socialconnect-login .account-login {
    display: inline-block;
}
#header div.showhover form.account ul li.action button {
    width: 180px;
}
#header .create-account {
    margin-top: 10px;
    text-align: center;
    padding: 10px;
}
#header div.showhover .create-account a {
    font-weight: normal;
    font-family: "Optima-Regular";
    font-size: 14px;
}
#header div.showhover .create-account a:hover {
    text-decoration: none;
}
#header div.showhover .create-account a span {
    font-weight: normal;
    font-family: "Optima-Bold";
    text-decoration: underline;
}

.inchoo-socialconnect-register-facebook {
    text-align: center;
}

.inchoo-socialconnect-checkout div.inchoo-socialconnect-facebook-inner a,
.inchoo-socialconnect-login div.inchoo-socialconnect-facebook-inner a {
    font-size: 14px;
    line-height: 1;
    padding: 10px 0;
    width: 178px;
    display: block;
}

.inchoo-socialconnect-checkout,
.inchoo-socialconnect-login {
    margin: 1em;
}

.inchoo-socialconnect-checkout .facebook-text,
.inchoo-socialconnect-login .facebook-text {
    padding-right: 200px;
}

.inchoo-socialconnect-checkout .facebook-text p,
.inchoo-socialconnect-login .facebook-text p {
    margin: 0!important;
    line-height: 1.2;
}

.inchoo-socialconnect-checkout .inchoo-socialconnect-facebook,
.inchoo-socialconnect-login .inchoo-socialconnect-facebook {
	position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.container-blockFieldset {
    min-height: 15em;
    position: relative;
    padding-bottom: 3em;
}

@media only screen and (max-width: 767px) {
    .container-blockFieldset {
        min-height: auto;
        padding-bottom: 4em;
    }

    .login .container-blockFieldset {
        padding-bottom: 6em;
    }

    #contenu div.blockFieldset.login ul li input {
        width: 100%;
        box-sizing: border-box;
    }
}

ol.opc .container-blockFieldset {
    min-height: 21em;
}

@media only screen and (max-width: 767px) {
    ol.opc .container-blockFieldset {
        min-height: auto;
    }

    #contenu ol.opc div.blockFieldset.two {
        min-height: auto;
    }
}

#contenu div.blockFieldset.two {
    padding-bottom: 0;
}

#contenu div.blockFieldset.two.login .container-blockFieldset > p {
    display: none;
}

#global .register .container-blockFieldset .buttons a,
#global .container-blockFieldset button {
    padding: 10px 0;
    width: 180px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    #global .register .container-blockFieldset .buttons a,
    #global .container-blockFieldset button {
        width: 100%;
    }

    #global .blockFieldset .facebook-text {
        padding-right: 0;
    }

    #global .blockFieldset .inchoo-socialconnect-facebook {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-top: 10px;
    }

    #global .blockFieldset .inchoo-socialconnect-facebook a {
        width: 100%;
    }
}